https://cn.vuejs.org/v2/guide/instance.html
模版语法
插值
<span>Message: {{ msg }}</span>
计算属性
计算属性
绑定HTML Class
<div v-bind:class="{ active: isActive }"></div>
条件渲染
<h1 v-if="awesome">Vue is awesome!</h1>
<h1 v-else>Oh no 😢</h1>
<h1 v-show="ok">Hello!</h1>
列表渲染 v-for
列表渲染
列表渲染 index
遍历对象
事件处理
简单事件处理
方法处理
输入绑定 v-model
<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>










网友评论