<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>secondvue</title>
</head>
<body>
<div id="app">{{hello}}</div>
<!-- built files will be auto injected -->
</body>
<!--此處是引入vue鞋真,當(dāng)前demo僅為一個(gè)單獨(dú)頁面的引入,一般完整項(xiàng)目可以用<script src="./dist/vue.js"></script>進(jìn)行引入,此處不能省略-->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script >
<!--聲明一個(gè)渲染-->
new Vue({
<!--el為實(shí)例提供掛載元素沃于。值可以是 CSS 選擇符涩咖,或?qū)嶋H HTML 元素,或返回 HTML 元素的函數(shù)繁莹。這里是id為app的元素-->
el:'#app',
<!--data:Vue 實(shí)例的數(shù)據(jù)對象檩互。Vue 將會遞歸將 data 的屬性轉(zhuǎn)換為 getter/setter,從而讓 data 的屬性能夠響應(yīng)數(shù)據(jù)變化咨演。一般來說闸昨,就是數(shù)據(jù)源-->
data:{
hello:'my name is vue.js'
}
})
</script>
</html>
解釋:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
此處是引入vue,當(dāng)前demo僅為一個(gè)單獨(dú)頁面的引入,一般完整項(xiàng)目可以用
`<script src="./dist/vue.js"></script>`進(jìn)行引入,此處不能省略饵较。<br>
`el`<br>
el為實(shí)例提供掛載元素溉跃。值可以是 CSS 選擇符,或?qū)嶋H HTML 元素告抄,或返回 HTML 元素的函數(shù)。這里是id為app的元素嵌牺。<br>
`data`<br>
data:Vue 實(shí)例的數(shù)據(jù)對象打洼。Vue 將會遞歸將 data 的屬性轉(zhuǎn)換為 getter/setter,從而讓 data 的屬性能夠響應(yīng)數(shù)據(jù)變化逆粹。一般來說募疮,就是數(shù)據(jù)源。