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í)例對(duì)象,設(shè)置 el 屬性和 data 屬性
c.使用簡(jiǎn)潔的 模板語法 把數(shù)據(jù)渲染到頁面上嗤瞎。