昨天剛開始學習Vue.js(讀音 /vjuː/, 類似於 view)想記錄一下,Vue.js是一種漸進式前端框架，所謂漸進式就是你可以一步一步、有階段性的來使用Vue.js不必一開始就使用所有的東西
(一)引用Vue.js
引用Vue.js是通過<script>標簽引用的並且有兩個版本，一個是開發版本一個是生產版本，區別就在於代碼的壓縮與否，開發環境版本包括完整的警告信息與調試模式，而生產環境版本就相當於對這些功能進行了閹割，但同時失去一些東西往往也帶來一些東西，比如說速度，壓縮后的vue.js速度要比壓縮前的快。因為剛開始接觸vue.js。所以我使用的是開發版本，當出現錯誤時會提醒哪里出錯了，有助於更正。引用時有兩種方式
(1)直接引用，此時每當運行HTML文件時電腦都是需要連接互聯網的，引用方式如下：
<!-- 開發環境版本，包含了有幫助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生產環境版本，優化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
(2)在官網https://cn.vuejs.org/v2/guide/installation.html 下載Vue.js通過相對路徑來引用，這時只需要下載時電腦需要上網，而在使用的使用就不需要電腦聯網了。
<!-- 此時路徑為vue.js的相對路徑 -->
<script src="xx/vue.js"></script>
(二)創建Vue.js實例
當引用vue.js后就可以創建vue實例了，創建實例的方法很簡單，使用框架內嵌的構造方法Vue就可以創建一個Vue實例，並啟動Vue應用，創建過程如下：
var myVue=new Vue({
//選項
})
變量 myVue就代表這個Vue實例，事實上，幾乎所有代碼都是一個對象，寫入Vue實例的選項內的；
（1）選項的格式是一個一個的類似於key：value的格式，選項中的el是必不可少的，是element（節點）的前兩個字母，用於指定一個頁面中已經存在的DOM元素來掛載Vue實例，他可以是HTMLelement，也可以是是CSS選擇器，比如：
var myVue=new Vue({
el:document.getElementById('myvue') //或者是‘#myvue’
})