随笔分类 - 框架vue.js
摘要：在使用antdV组件库开发项目的时候，遇到了使用tabel自定义渲染column内容和使用slot冲突的问题，同时设置时，其中一个不生效，如下代码 此时，customRender不生效了，经过查资料，可以将这两个属性合并书写：只配置customRender项，里面使用参数虚拟dom进行渲染自定义的内
阅读全文
摘要：1、v-model的双向数据绑定其实是一个语法糖，类似于，给子组件传入一个value值，并且监听子组件的input事件，在这个事件里将子组件传过来的新值赋值给父组件的value <input :value="value" @input="onInput"> props: { value: { typ
阅读全文
摘要：slot标签传递的属性组成的对象，会被父组件的slot-scope属性值来代理，在父组件中使用就是slot-scope的属性值.slot标签的属性 这样就可以把子组件Child中的值‘SSX’，通过slot的属性name传给子组件count-to中使用了 这就是作用域插槽
阅读全文
摘要：目前vue-cli2上原配置是只有开发环境dev和线上环境prod的配置，但是我们实际场景上还有很多需要一个测试环境test,下面就是对测试环境的配置，将测试环境和线上环境的打包代码分开就不需要切来切去了 1. 复制一份build/build.js文件命名为build/build-test.js 修
阅读全文
摘要：首先先说明下vue-cli的assets和static的两个文件的区别，因为这对你理解后面的解决办法会有所帮助 assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.p
阅读全文
摘要：1、router-link to 动态赋值 router-link组件的to属性值有两种写法，字符串类型和对象类型 如果要动态传值，比如放到for循环中，传入for的index值，这时就必须使用对象形式，动态传值 2、路由跳转的三种方式，及返回上一级 1）<router-link to="keyfr
阅读全文
摘要：vue一般都搭配axios这个工具来做http请求，有时我们需要配置一些全局参数，比如token啦，设置超时时间啦，未登录状态踢出啦等等。这些参数的设置，当然不可能一个一个请求加了，否则累的吐血也不一定能达到目的，最好的办法就是通过拦截器让每个请求都可以加上配置参数。 转载https://www.j
阅读全文
摘要：1、理解NODE_ENV 在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，在webpack中它的用途是判断生产环境或开发环境的依据的
阅读全文
摘要：1.什么是路由? 在Web开发过程中，经常会遇到『路由』的概念。那么，到底什么是路由？简单来说，路由就是URL到函数的映射。 路由的概念最开始是由后端提出来的，在以前用模板引擎开发页面的时候，是使用路由返回不同的页面， 大致流程可以看成这样： （1）浏览器发出请求 （2）服务器端监听到80端口或者4
阅读全文
摘要：render: h => h(App)是ES6的写法，其实就是如下内容的简写： render: function (createElement) { return createElement(App); } 官方文档中是这样的，createElement 是 Vue.js 里面的 函数，这个函数的作
阅读全文
摘要：这篇文章主要介绍了vue data不可以使用箭头函数问题，本文通过源码解析给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下 首先需要明确，a() {}和 b: () => {}是不同的 1 2 3 4 5 6 let obj = { a() {}, // 相当于 a:functio
阅读全文
摘要：1、使用elment或者mintUI库时，需要全局引入ui库的css文件；然后在修改自己样式时，需要将自己的css文件引入到main.js中才会生效，全局引用2、使用v-html展示dom字符串时，相应的css文件中的样式是不会生效的，需要使用组件展示dom 3、axios使用，是需要一个qs的no
阅读全文
摘要：如代码： <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p> </div> new Vue({ el: '#root', data: { firstName: 'D
阅读全文
摘要：动态绑定input的readonly属性 1 <inpu :readonly="status ? false : 'readonly'"> status 为 false时添加 readonly 属性，只读，false不要加引号！ 1 <inpu :readonly="status ? false :
阅读全文
摘要：每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。使用vue，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的
阅读全文
摘要：Mint UI GitHub：github.com/ElemeFE/mint 项目主页：mint-ui.github.io/# Demo：elemefe.github.io/mint- 文档：mint-ui.github.io/docs/# 由饿了么前端团队推出的 Mint UI 是一个基于 Vue
阅读全文
摘要：在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示： 也可以是横向滚动的导航栏，如图所示： 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。 什么是 b
阅读全文
摘要：概述 什么是Stylus Stylus是一个CSS预处理器。 什么是CSS预处理器 关于CSS预处理器，推荐先行阅读这篇文章：为您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus现在你应该对CSS预处理器有个大概的认识了，总的来说，CSS预处理器为CSS提供了更多的更加灵
阅读全文
摘要：在Web应用程序中，系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢，用户就会出现埋怨情绪，系统的价值也因此会大打折扣。因此，提高系统响应速度，是非常重要的。 懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会
阅读全文
摘要：vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:http
阅读全文
