使用更先进的浏览器访问效果更佳。

Vue 指令之初体验

Vue指令

解释:指令是带有v-前缀的特殊属性
作用:当表达式的值发生改变时,将其产生的影响,响应式的作用于DOM

解释:更新DOM对象中的textContent <h1 v-text="message"></h1>

解释:更新DOM对象中的innerHTML <h1 v-html="message"></h1>

作用:当表达式的值发生改变时,将其产生的影响响应式的作用于DOM
语法:v-bind:title=“msg”
简写::title=“msg”
<a v-bind:href="url"></a>

作用:绑定时间
语法:v-on:click=“fn”
简写@click=“fn”
说明:绑定的时间在methods里面
<a v-on:click="doSomething"></a>

作用:在表单元素上创建双向数据绑定
说明:监听用户的输入事件来更新数据

<input type="text" v-model="message">
<p>{{message}}</p>

作用:基于元数据多次渲染元素或者源模块

<li v-for="item in items">
    {{ item.message }}
</li>