摘要：
v-pre属性的作用是跳过该元素编译过程，直接显示元素内部的文本，特点就是跳过大量的没有指令的节点。 1 <div id="app" > 2 <h2 v-pre>{{a}}</h2> 3 </div> 4 <script src = "js/vue.js"></script> 5 <script> 阅读全文
摘要：
v-once的作用是只会渲染对应元素一次，数据更新不会引起视图的更新，目的是为了优化页面的性能。 1 <div id="app" v-clock> 2 <h2 v-once>{{a}}</h2> 3 <button @click="add">按我加1</button> 4 <button @clic 阅读全文
摘要：
v-cloak指令的作用是vue实例渲染后关联结束； 双大括号插值语法在遇到网络延迟的时候会显示编译之前的文本。 1 <div id="app"> 2 {{a}} 3 </div> 4 <script src="./js/vue.js"></script> 5 <script> 6 var vue 阅读全文
摘要：
v-html和v-text都是渲染文本的指令，使用场景有不同 现在接触了三种渲染方法 双大括号插值：{{}} v-text v-html 1 <div id="app"> 2 <p> {{a}} </p> 3 <p v-text="a"> </p> 4 <p v-text="a"></p> 5 <p 阅读全文
摘要：
v-for是vue 的循环指令，作用是遍历数组（对象）的每一个值。 基本使用： 1 <div id="app"> 2 <ul> 3 <li v-for="item in arr"> 4 {{item}} 5 </li> 6 </ul> 7 </div> 8 <script src = "js/vue 阅读全文
摘要：
vue指令的作用是通过带有v-的特殊属性，实现对dom的响应式加载。 v-if v-if的作用是通过一个布尔表达式进行对dom的上树和下树的渲染。 1 <div id="app"> 2 <p v-if="true">我是第一行dom元素</p> 3 <p v-if="false">我是第二行dom元 阅读全文
摘要：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为 阅读全文