怎樣使用vue.js

的特點就是雙向資料繫結以及它的mvvm（model-view-viewmodel）思想，今天咪咪我就來分享一下的使用方法。

操作方法

（01）開啟Hbuilder，新建一個web專案，然後把外掛放入自己指定的檔案夾。

（02）之後，在html介面中引入外掛。

（03）然後，定義一個div，把這個div作為的範圍。div可以展示內容，所以可以理解為檢視（view）層面。

（04）然後定義一個物件model，model裡面包含有屬性ms。物件名和屬性名可以自定義。因為待會我們可以一直使用這個物件，所以這個物件可以理解成模型（model）。

（05）接著我們建立一個Vue例項，通過Vue(),我們就可以把之前的檢視，模型連線起來，所以可以把Vue例項看做是一個viewmodel。在Vue例項中用到了兩個屬性el和data，後面的引數表示的檢視和模型，這裡我就連線到div檢視和model模型，也就達到了雙向繫結。

（06）接著看看雙向繫結的效果。如圖，在div裡面書寫表示式{{ms}}，然後儲存。

（07）這時候瀏覽器就會把表示式解析成對應的資料。因為我們在model中定義了ms屬性，並且檢視和模型連線成功，所以可以解析出結果。

（08）當然，也可以用v-html指令來把屬性繫結到標籤。

（09）這樣，瀏覽器也可以把它解析成對應的資料喔。並且此時可以看到我在多個地方用到了ms。

（10）而如果我們修改了model裡面的ms的值，然後儲存。

（11）這時候，所有的ms的值就會自動更新喲，這時候雙向資料繫結的效果就體現出來了。