Vue：高频指令（完结）

完结时间：2021年4月13日

星辰_博客目录

• v-bind:属性
• v-on:事件
• v-model
• v-html/v-text

本文按照指令使用频率高—>低排版

v-bind:属性

• 作用：将标签属性变成动态属性，也就是在属性值可以使用变量了。

<img :src="imgsrc" />  //常用简写
<img v-bind:src="imgsrc" />
// imgsrc为一个变量
           

v-on:事件

• 作用：为标签绑定事件

<button @click="">点击事件</button>  // 常用简写
<button v-on:click="">点击事件</button>
           

v-model

• 作用：表单控件的value与变量双向绑定

<input type="text" v-model="inputTxt">
// 使用v-model替代value，inputTxt是一个变量
           

v-html/v-text

• 作用：富文本、普通文本渲染，相当于innerHTML，innerText