摘要： 首先对index.js的router进行配置; 定义完路由后，我们主要是利用vue-router提供的钩子函数beforeEach()对路由进行判断。 阅读全文

摘要： 第一章 加载和执行 大多数浏览器都是用单一进程处理UI界面的刷新和JavaScript的脚本执行，所以同一时间只能做一件事，Javascript执行过程耗时越久，浏览器等待响应的时间就越长。 所以，HTML页面在遇到 无阻塞的脚本 尽管减少Javascript文件的大小并限制HTTP请求次数仅仅只是 阅读全文

摘要： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的 阅读全文

摘要： 官网实例： https://cn.vuejs.org/v2/api/#Vue-directive https://cn.vuejs.org/v2/guide/custom-directive.html 指令定义函数提供了几个钩子函数（可选）： bind: 只调用一次，指令第一次绑定到元素时调用，用这 阅读全文

摘要： 1.extend用于创建一个子类Vue,用$mount来挂载 2.Vue.nextTick([callback,context])在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 结果如下： 我们可以看到视图更新以后拿到的并不是更新后的innerH 阅读全文

摘要： 获取元素DOM对象有很多种方法，以前一直在用getElementById和getElementsByTagName等，现在对这些方法和querySelector做一个总结． 常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementBy 阅读全文

摘要： 1、普通的watch 2、数组的watch 3、对象的watch 4、对象具体属性的watch［活用computed］ 阅读全文

摘要： 一、文本渲染 Vue支持动态渲染文本，即在修改属性的同时，实时渲染文本内容。同时为了提高渲染效率，也支持只渲染一次，即第一次渲染出文本后，文本内容不再跟随属性值的变化而变化。 实时渲染 v-model 指令将 input 标签的值动态绑定到属性 msg 上，通过 {{ msg }} 表达式显示在页面 阅读全文

摘要： 一、v-model的修饰符 v-model 是用于在表单表单元素上创建双向数据绑定的指令。在 <input> 和 <textarea> 上，默认通过监听元素的 input 事件来更新绑定的属性值。 为了能明显的看到绑定属性值的变化，需要在Chrome浏览器中安装Vue Devtools扩展程序。当查 阅读全文

摘要： 最近，在项目中要使用Swiper做一个移动端轮播插件。需要先异步动态加载数据后，然后使用v-for渲染节点，再执行插件的滑动轮播行为。解决这个问题，我们通过在组件中使用vm.$nextTick来解决这一需求。 一、vm.$nextTick( [callback] ) 二、Vue.nextTick( 阅读全文