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的主要内容,如果未能解决你的问题,请参考以下文章

Vue 知识整理—03-指令3

Vue知识整理2:Vue生命周期方法

Vue最全知识点(基础到进阶,覆盖vue3.0,持续更新整理,欢迎补充讨论)

Vue--小知识整理

vue知识点整理

JVM知识整理2