vue.js
文章平均质量分 74
奔跑的前端er
这个作者很懒,什么都没留下…
展开
-
vue-router的使用及实现原理
前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种方式: 1. 在地址中加入#以欺骗浏览器,地址的改变是由于正在进行页内导航 2. 使用H5的window.history功能,使用URL的Hash来模拟一个完整的URL。当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路原创 2017-08-29 21:35:40 · 70055 阅读 · 1 评论 -
vue简介
vuejs是什么vue本身具有响应式编程和组件化的特点。所谓响应式编程,即为保持状态和视图的同步,声明实例new Vue({data:data})后对data里面的数据进行了视图上的绑定,修改data里的数据,视图上的数据也会发生变化。 vue的组件化概念:“一切都是组件”,可以将任意封装好的代码注册成标签。Vue.component(‘example’,Example),可以在模板中以<exam原创 2017-09-28 19:19:40 · 748 阅读 · 0 评论 -
vue的生命周期
beforecreated:el 和 data 并未初始化 created:完成了 data 数据的初始化,el没有 beforeMount:完成了 el 和 data 初始化 mounted :完成挂载应用: beforecreate : 举个栗子:可以在这加个loading事件 created :在这结束loading,还做一些初始化,实现函数自执行原创 2017-09-04 16:08:23 · 234 阅读 · 0 评论 -
vue的组件间通信
1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现2.子组件传递数据给父组件那么,如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的. 子组件:<template> <div @click="up"></div></template>methods:原创 2017-08-29 21:30:34 · 447 阅读 · 0 评论 -
Vue中的nextTick原理解析
nextTick的使用场景nextTick是全局vue的一个函数,在vue系统中,用于处理dom更新的操作。vue里面有一个watcher,用于观察数据的变化,然后更新dom,vue里面并不是每次数据改变都会触发更新dom,而是将这些操作都缓存在一个队列,在一个事件循环结束之后,刷新队列,统一执行dom更新操作。 通常情况下,我们不需要关心这个问题,而如果想在DOM状态更新后做点什么,则需要用到n原创 2017-09-16 16:05:04 · 5193 阅读 · 0 评论 -
MVVM实现原理(数据变更的实现)
手动触发绑定 手动触发指令绑定是比较直接的实现方式,主要思路是通过在数据对象上定义get()方法和set()方法。ES6 proxy实现,数据劫持,脏检查机制原创 2017-09-15 18:02:10 · 1359 阅读 · 0 评论 -
vue双向绑定原理
vue的最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。实现数据绑定的做法有以下几种:发布者-订阅者模式(backbone.js)脏值检查(Angular.js)数据劫持(vue.js)发布者订阅者模式:一般通过sub,pub的方式实现数据和视图的绑定更新一、访问器属性访问器属性是对象的一种特殊属性,它不能直接在对象中设置,而必须通过defineProper原创 2017-08-07 09:51:46 · 371 阅读 · 0 评论 -
Visual DOM && diff算法实现
使用document.CreateElement 和 document.CreateTextNode创建的就是真实节点。分析diff比较只会在同层级进行, 不会跨层级比较。 <!-- 之前 --><div> <!-- 层级1 --> <p> <!-- 层级2 --> <b> aoy </b> <!-- 层级3 --> <sp原创 2017-08-09 15:59:04 · 2356 阅读 · 0 评论 -
Vue-validator安装中遇到的问题
npm install vue-validator 是全局安装npm install --save-dev vue-validator 是当前项目内安装,并且为开发所依赖的东西npm install --save vue-validator 是当前项目内安装,项目发布之后还依赖的东西 以npm安装msbuild为例:npm install msbuild:原创 2017-02-20 20:59:37 · 4855 阅读 · 0 评论 -
vue-router实现分析
vue-router实现原理原创 2017-10-09 15:13:20 · 999 阅读 · 0 评论