Vue 知识整理—03-指令2
Posted zhangyan1205
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的主要内容,如果未能解决你的问题,请参考以下文章