本文详细介绍了Vue.js中的v-text和v-html指令，阐述了它们在设置元素内容时的不同之处，v-text会替换所有内容，而v-html则解析为HTML显示。此外，还讲解了v-on或@事件绑定的用法，用于为元素添加各种交互事件。了解这些基础知识对于Vue开发至关重要。
内容绑定
- v-text
该指令的作用在于设置标签的文本值，相当于前面所看到的设值表达式（双大括号）。但是当我们使用v-text属性进行设值的话，标签之前不管有什么内容都将被替换掉，如果要想部分的显示，那么我们还是要使用插值表达式的。 - v-html
该指令的作用在于设置标签的innerHTML，相信学过jq的同学应该不陌生，它的作用在于可以将文本解析为html的方式进行一个显示，这也是它和v-text的本质区别。
事件绑定
- v-on:事件名或@:事件名
该指令的作用在于为元素绑定常见的事件，如单击、双击、鼠标移入移出等，触发的方法绑定在vue实例的methods中。
vue指令之内容绑定和事件绑定
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
