一、初步的瞭解

vue他的語法簡潔、易懂、輕量，建議用在移動端上，應用了它節省了手動操作DOM的步驟，我們把這麼框架叫做mvvm，同款還有其他類似框架比如angular，react。

先引入

<script src="vue.js"></script>

 new Vue({
      el:'#box',
       data:{
          msg:'welcome vue'
         }
 });

 <div id="box">
        <input type="text" v-model="msg">
        <br>
        {{msg}}
    </div>
 

el：就是控制vue控制範圍的，裡面填寫選擇器

data：就是頁面要顯示什麼內容，都需要在data裡實現定義好

v-model：只用到input上，然data裡定義的變數在input中顯示

{{}} ：這麼形式可以在html中顯示資訊，像套後臺模板一樣的語法