1.官方文檔傳送門 https://cn.vuejs.org/

2.其實(shí)vue的使用操作很像我們平常在做的導(dǎo)包入包，官方提供了兩個(gè)版本的vue，but在學(xué)習(xí)階段建議使用開發(fā)版本，即完整版，除了可以完整的看到整個(gè)框架涵蓋的內(nèi)容，同時(shí)包括所有完整的警告提示，在學(xué)習(xí)階段中容易讓我們發(fā)現(xiàn)錯(cuò)誤及時(shí)改正；生產(chǎn)版本，也可以稱之為mini版本，運(yùn)行速度較快，代碼壓縮，but沒有幫助的提示信息。

3.html中插入有關(guān)html的語法

<!-- 開發(fā)環(huán)境版本，包含了有幫助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

4.html中插入有關(guān)html的語法

<div id="app">
  {{ message }}
</div>

5.Js中插入有關(guān)Js的語法

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

6.總結(jié)：
a.導(dǎo)入 開發(fā)版本 的Vue.js
b.創(chuàng)建Vue實(shí)例對象，設(shè)置 el 屬性和 data 屬性
c.使用簡潔的 模板語法 把數(shù)據(jù)渲染到頁面上。