摘要：
lib-flexible的作用：将设计稿中的设备独立像素来体现到逻辑像素的开发过程中。 1，会自动在html的head中添加一个meta name="viewport"的标签， 2，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。 阅读全文
摘要：
定义一个myslot插槽的组件，用于显示请求数据的结果：请求中，请求数据或者请求错误； 1 <template> 2 <div class="slot-container"> 3 <slot name="loading" v-if="loading"></slot> 4 <slot name="er 阅读全文
摘要：
vue中的内置组件: <component :is='xx'></component>: 用来动态生成元素或组件的 <transition> keep-alive: 组件切换时候，用内存来换取效率，空间换取事件，像路由切换，避免创建带来的开销，保存组件的状态. keep-alive的内容仅限于组件， 阅读全文
摘要：
恢复内容开始 1.用key：key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们 diff算法判断一个元素是否相等的依据有两个：元素类型和key值。 我们希望可以在B和C之间加一个F，Diff算法默认执行起 阅读全文
摘要：
<transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画，还可以改变定位。要使用这个新功能只需了解新增的 v-move class，它会在元素的改变定位的过程中应用。像之前的类名一样，可以通过 name attribute 来自定义前缀，也可以通过 move-class a 阅读全文
摘要：
https://cn.vuejs.org/v2/guide/transitions.html vue的动画范围是： 进入离开动画：<transition name='xx'>: v-if / v-show、动态组件 列表动画：<transition-group>: li渲染 几个主要的类名： xx- 阅读全文
摘要：
v-model不仅可以用在input表单上，还可以用到其他表单元素上，还可以用在自定义组件上。 v-model 在内部为不同的表单输入元素使用不同的 property ，并抛出不同的事件： text 和 textarea 元素使用 value property 和 input 事件； checkbo 阅读全文
摘要：
本质是一个普通的js对象，用于描述视图界面结构的， 在mouted的回调中，可以输出_vnode， 通过图可以知道，_vnode中有以下几个主要的属性： tag：组件的标签名， data: 组件的属性， children: 组件的子标签 parent: 父级元素 render函数： 作用：创建虚拟d 阅读全文
摘要：
父子组件通信： props，$event attribut, $listeners $parent, $children,$refs 跨组件通信 provide和inject 监听router和改变router：地址栏；比如pager组件中改变地址栏，passageList组件监听地址栏，改变了会重 阅读全文
摘要：
分析工具：webpack-bundle-analyzer 使用范围：对于打包结果进行分析； 使用方法： 下载： npm install --save-dev webpack-bundle-analyzer; 引入：在vue.config.js文件中， 调整 webpack 配置最简单的方式就是在 v 阅读全文