在我们对比vue与react的时候,会发现一个很明显的特点,react的写法很自由,用js来搞定一切,而vue的模版语法提供了一套相对固定的模式来书写页面,vue的优势在于这些特性帮助我们简化了代码,但同时带来的问题是需要去记住这些vue的语法,这篇文章主要提供是vue常用指令汇总,方便以后查找。
1. v-bind
功能:绑定变量,可缩写成:
<div :id="text"></div>
代码说明:将text变量绑定到id属性
2. v-text
功能:绑定标签内显示内容
<div v-text="text">{
{text}}</div>
代码说明:指定了标签内的文字内容,相当于innerText
3. v-html
功能:以html形式渲染变量内容
<div v-html="html"></div>