Vue 基本模板语法(入门级别)

1.插值

（1）文本

<p>hello { {message}}</p>

<p v-text="message">hello</p>    message代表的内容会将hello替换

<p v-once v-text="massage">hello</p>   数据改变时，内容不会改变

（2）HTML

{ {}}会将html内容作为字符串输出，如果想要输出标签，那么使用v-html

<p v-html="message" ></p>

{ {}}不能用于标签的属性，可以使用v-bind

<button v-bind:disabled="isDisabled">按钮</button>

(3)简单表达式

{ {number + 1}}

{ {ok ? 'YES' : 'NO'}}

{ {message.split('').reverse().join（''）}}

<div v-bind:id=" 'list-' + id " ></div>

<!-这是语句，不是表达式->{ {var a=1}}

<1-流控