摘要：Vue.set 介绍： 向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性。 他的意思就是说，当vue的一个实例对象更新时，vue是无法检测到实例变化的，所以也不会触发视图更新，我们来看一个例子： 我们来看一下没有点击按钮之前页面的效果： 阅读全文

摘要：vue中的实例 介绍：类似于创建一个对象,里面包含钩子函数,data,methods.components等 vue实例的对象data 主要是用来存放数据的 Vue框架会检测data的数据变化,自动更新到html上计算属性computed 主要是用来一些比较复杂的逻辑计算 虽然{{}} 是非常便利的 阅读全文

摘要：v-directive自定义构造器 介绍： 注册或获取全局指令。 平时大家在用vue开发项目的时候大多会用到一些官方指令，例如： v-for/v-if/v-else/v-else-if/v-model/v-bind/v-on/v-show/v-html/v-text... 但这些指令只能完成一部分功 阅读全文

摘要：Vue.directive 自定义指令 Vue.extend 构造器的延伸 Vue.set 全局操作 Vue的生命周期 Template制作模板 Component 初识组件 Component 组件props属性设置 Component父子组件关系 阅读全文

摘要：v-text和v-html 介绍 v-text和v-html都是用来向dom元素中渲染数据用的，两者的区别就在于v-html可以解释标签，而v-text不可以解释标签。 这里上边两个span的内容是一摸一样的。 如果这样写的话： 这里上边两个span的内容就不同了，v-html会把h1这个标签也识别 阅读全文

摘要：v-for指令 介绍： 可以用 v-for 指令基于一个数组来渲染一个列表。 以前没用到vue的时候我们拿到后台传过来的json数据，大都是用这种方法遍历渲染到页面的： 引号里面是一大推的样式和DOM节点，极容易出错，并且书写十分麻烦。 那么vue的列表渲染就很好的解决了这个问题,我们来看一下v-f 阅读全文

摘要：提到v-show第一反应应该就是v-if，不得不说这俩指令确实比较相像。 那么二者有什么区别呢？ 我们首先来看一下v-show。 官方文档中对于v-show的解释为： 一个用于根据条件展示元素的选项，用法与v-if大致一样。 当ok为true时，Hello!就会被渲染出来，反之当ok为false时， 阅读全文

摘要：v-if 介绍 v-if是vue的一个条件渲染语法，官方文档对于它的解释为： v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 其实他的解释意思就是说当v-if里面的内容为true时，DOM节点里面的内容便可以渲染出来，反之则不会渲染。 例如： 阅读全文

摘要：第一章的内容就是些内部指令，这些指令大概可以分为下边几个部分 1.v-if v-else v-show 2.v-for指令 3.v-text v-html 4.v-on:绑定事件监听器 5.v-mode指令 6.v-bind指令 7.v-pre & v-cloak & v-once 这些就是vue基 阅读全文