Vue 知识整理—03-指令2

标签：方法   替换   覆盖   变量   引号   页面   表达式   输出   内容   

一：属性：

el：‘ ’     //要控制页面上的那个区域

data：{

//存放el中要用到的数据

}

methods：{

//（对象）定义vue实例中的可用方法

}

二：指令：

1.v-cloak

解决插值表达式的闪烁问题

2.v-text    （和插值表达式类似）

没有闪烁问题，但是会覆盖元素中原本的内容；

而插值表达式只会替换自己的这个占位符，不会把整个元素的内容清空

3.v-html

也会覆盖元素中的内容，以html标签样式输出显示

4.v-bind：   可以简写为      : 要绑定的属性

用于绑定属性。属性绑定机制，引号里的内容会被当做js解析，当做变量，可以写合法的表达式

5.v-on：      可以简写为      @ 要绑定的事件

定义vue中的事件。事件绑定机制，引号里的内容会被当做变量。绑定的事件要在methods属性中定义

Vue 知识整理—03-指令2

标签：方法   替换   覆盖   变量   引号   页面   表达式   输出   内容   

原文地址：https://www.cnblogs.com/zhangyan1205/p/10927904.html