本文介绍了Vue中常用的指令，如v-text、v-html、v-bind、v-on和v-model的使用及区别。讲解了数据双向绑定的概念，并提供了示例。接着讨论了watch和computed属性，分别阐述了它们在监听属性变化和计算属性上的作用。此外，对比了v-if/v-else/v-else-if与v-show的用法，并展示了v-for指令在列表渲染中的应用。
1、{ {}}、v-text和v-html(绑定数据)、v-bind(绑定属性)、v-on(绑定方法)、v-model(数据双向绑定)
- v-text和v-html两者的区别是v-text会将标签语义化，v-html不会将标签语义化
- v-on:可以简写为@
- v-bind:可以简写为：
- { { }} 为模板插值法，用于输出对象属性和函数返回值。
- 数据双向绑定是指在当改变vue实例中的数据时对应的模板中的数据也会改变，同时模板中的数据被修改时，对应的vue示例中的数据也会被实时改变
示例如下：
上面代码的显示结果如下：
2、vue实例中的watch侦听属性和computed计算属性
-
watch属性是用来侦听vue实例中属性值发生变化时，watch里面定义的方法就会被触发
-
computed计算属性在处理一些复杂逻辑时是很有用的，它是用来计算vue中的一些属性运算,只有当computed所依赖的数据
最低0.47元/天 解锁文章
扫一扫
353
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
