Vue学习笔记【5】——如何定义一个基本的Vue代码结构

  1. 插值表达式{{}} 和 v-text 默认 v-text 是没有闪烁问题的; v-text会覆盖元素中原本的内容,但是 插值表达式只会替换自己的这个占位符,不会把 整个元素的内容清空

  2. v-cloak 使用 v-cloak 能够解决 插值表达式闪烁的问题

  3. v-html 把后面的内容当做HTML代码来解析

  4. v-bind Vue提供的属性绑定机制 把后面当做表达式来解析 缩写是 :

  5. v-on Vue提供的事件绑定机制 把后面当做JS代码来解析 缩写是 @

  注意:表达式或指令没生效,首先要看看是不是vue包没有导入正确(比如vue文件的路径错误,或者vue文件名错误)

猜你喜欢

转载自www.cnblogs.com/superjishere/p/11872996.html