我們之前說過，vue是資料驅動檢視的，只要model（模型層）的資料改變了，vue就會幫我們改變檢視上顯示的內容，不用我們自己去動手寫**更新。那麼，它是怎麼做到的，我們的**要怎麼寫才能做到這一點。
答案是：vue例項。
先確保你的專案安裝好vue.js， 官網可以看到
安裝好之後，我們來看看怎麼建立和使用vue例項，我們把它分成 4 步走。
第1步 建立語法
建立乙個vue例項的語法很簡單，如下：
通過關鍵語句 new vue( )我們就可以建立乙個vue例項：vm了。我們注意到了我們給vue( )傳了乙個引數選項，是乙個空物件，我們接著往下看。第2步 設定資料
沒錯，我們就是利用上面的物件引數，來建立這個vue例項wm的，比如，設定vm裡面的資料。
let vm = new vue(寫法也很簡單，引數物件不再是乙個空物件，它包含乙個屬性：data，而data的值也是乙個物件，這個物件就是我們給例項vm設定的資料了。比如：name為張三，age為21等等。});
第3步 掛載元素
建立了乙個例項vm，設定了vm的資料後，我們怎麼把資料展示在檢視上呢這就要通過我們的掛載元素了。我們看看怎麼用：
檢視view部分：
let vm = new vue(第4步 渲染});
例項vm建立好了，資料data有了，dom節點也關聯起來了，最後一步，就是把vm的資料繫結到指定的檢視上了，也就是資料渲染。
今年}歲
對，就是你看到的這麼簡單，我們只需要用乙個雙大括號：}即可，你可以留意到，}和}就是我們給例項vm設定的資料name和age，我們用}可以直接讀取到它們的值。
我們訪問頁面，就會看到vm的資料data就會被成功地渲染出來：
（ 資料渲染成功 ）
就這樣，我們就成功地建立了乙個vue例項。
5 本節小結
建立並使用乙個vue例項並不難，僅需4步走：
建立乙個vue例項
vue例項中用到了插值表示式 插值表示式的形式 什麼是插值表示式？插值表示式就是在js中寫的表示式的值可以通過插值表示式顯示出來。我們使用的資料，需要再data中存在 資料首先需要存在，才能實現資料繫結 資料更新頁面也更新 data資料中的陣列資料 通過索引的方式去改變陣列，不能渲染檢視。通過長度的...
建立乙個VUE工程
安裝步驟傻瓜式安裝。使用node v和npm v 如果能顯示出對應的版本則說明安裝成功 node一般自帶npm但是不是最新版本的npm如果要使用最新npm install g npm。1.第一步安裝vue手腳架 vue cli cnpm install vue cli g 全域性安裝 vue cli...
Vue學習 建立乙個Vue專案
vue專案建立其實很簡單，做個記錄方便以後檢視 step1 建立乙個空資料夾 專案目錄 step2 使用vscode開啟資料夾，開啟內建終端 step3 安裝vue cli腳手架 根據vue官方介紹，可以使用npm或yarn命令安裝 npm install g vue cli或yarn global...