https://cn.vuejs.org/v2/guide/instance.html

模版語法

插值

<span>Message: {{ msg }}</span>

計(jì)算屬性

計(jì)算屬性

綁定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

遍歷對(duì)象

事件處理

簡(jiǎn)單事件處理

方法處理

輸入綁定 v-model

<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>

組件

!組件](https://upload-images.jianshu.io/upload_images/662664-2e39300daf45763c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/900)