Vue的简单指令

el:挂载点

el是用来设置Vue实例挂载（管理)的元素

Vue实例的作用范围是什么呢?
　　Vue会管理el选项命中的元素及其内部的后代元素

是否可以使用其他的选择器?
　　可以使用其他的选择器,但是建议使用ID选择器

是否可以设置其他的dom元素呢?
　　可以使用其他的双标签,不能使用HTML和BODY

 

data:数据对象

1、Vue中用到的数据定义在data中

2、data中可以写复杂类型的数据

3、渲染复杂类型数据时,遵守js的语法即可

 

v-html

1、v-html指令的作用是:设置元素的innerHTML

2、内容中有html结构会被解析为标签

3、v-text指令无论内容是什么,只会解析为文本

4、解析文本使用v-text,需要解析html使用v-html

 

V-on

1、v-on指令的作用是:为元素绑定事件

2、事件名不需要写on

3、指令可以简写为@

4、绑定的方法定义在methods属性中

 

v-show

1. v-show指令的作用是:根据真假切换元素的显示状态原理是修改元素的display,实现显示隐藏
2. 指令后面的内容,最终都会解析为布尔值
3. 值为true元素显示,值为false元素隐藏

 

v-if

1. v-if指令的作用是:根据表达式的真假切换元素的显示状态
2. 本质是通过操纵dom元素来切换显示状态
3. 表达式的值为true,元素存在于dom树中,为false,从dom树中移除

 v-bind

1. v-bind指令的作用是:为元素绑定属性
2. 完整写法是v-bind:属性名
3. 简写的话可以直接省略v-bind,只保留:属性名

 

v-for

1. v-for指令的作用是:根据数据生成列表结构
2. 数组经常和v-for结合使用
3. 语法是( item,index ) in 数据
4. item和index可以结合其他指令一起使用
5. 数组长度的更新会同步到页面上,是响应式的