Vue.js 模板指令

Posted 2020-11-07 叶子玉

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue.js 模板指令相关的知识，希望对你有一定的参考价值。

1. 数据渲染：v-text、v-html（保存了html结构）、{{}}（自动更新）；

2. 控制模块隐藏：v-if：直接不渲染 DOM 元素；

v-show：css 里的 display:none；

3. 渲染循环列表：v-for：

1 <ul>
2   <li v-for=‘item in items‘>
3 </ul>

4. 事件绑定：v-on：可以简写成 @，从 methods 取方法；

5. 属性绑定：v-bind:src，可以简写成 :src；

以上是关于Vue.js 模板指令的主要内容，如果未能解决你的问题，请参考以下文章