HVENLY的博客

本篇文章用于介绍Vue中常用的指令目录一、指令定义二、常用指令1.v-cloak2.v-bind:3.v-on4.v-if和v-show一、指令定义1.指令里除了放变量，还可以放表达式2.指令都是v-开头的二、常用指令1.v-cloak1.定义：用于解决小型简单的vue项目的闪烁问题，大型、工程化的项目中（webpack、vue-router）只有一个空的 div 元素，元素中的内容是通过路由挂载来实现的，这时我们就不需要用到 v-cloak 指令咯。2.实现原理：1）当dom渲染完，.

该篇文章主要讲了Vue中渲染数据的第6和第7种方式，即v-model和v-for这两种方式。其余5种方式请点击Vue学习笔记 - 页面数据渲染的方式（一）进行查看目录6.v-model7.v-for6.v-model1.定义：唯一的一个可以实现双向数据绑定的指令，单向数据只能：v-m或m-v，而双向绑定v变m就变，m变，v就变2.作用元素：只有表单类元素能被v-model渲染3.原理：v-model实际上是一个语法糖，它的本质包含两个操作1）v-bind：绑定一个value属性，实现m变v变.

目录1.Mustache语法 {{}}2.v-text3.v-html4.v-once5.v-pre1.Mustache语法 {{}}1.定义：可以是写在data里的一个属性，也可以是写在methods中的一个方法，作用：将数据添加到view上，并不覆盖。2.使用{{属性名}}或{{方法名()}}3.例子<div>{{message}}</div><div>{{message}}可耐！</div><div>{{getMessge(me