vue 基礎(chǔ)代碼
vue的最開始使用
引入vue包 需要在body之前引入
-
在html寫一個帶id的標(biāo)簽 這個父級元素及它內(nèi)部所有元素都在下一步的控制域內(nèi)
<div id="ctr-01"> <p >{{first}}</p> </div>-
new 一個Vue對象
var vm = new Vue({ el:'#ctr-01', data:{ first:'vue是什么?' } })(1)其中 el 是選擇器 注意 el只能選擇一個dom作為控制域 比如：
<div id="ctr-01"> <p >{{first}}</p> </div> <div id="ctr-01"> <p >{{first}}</p> </div>結(jié)果：
//vue是什么?
{{first}}
//
可以看出 用類選擇器時(shí) vue只選擇class中第一個dom
(2) 使用data內(nèi)部的數(shù)據(jù)時(shí)候，如：this.first的方式 但是不可以 this.data.first 我們打印vm 看看為什么
1559898964602.png
-
我們看到first 成為vm中的一個屬性 再試試打印 vm. _data.first 看看
1559899097141.png
答案是可行的粘勒。
這是高程中對代碼的解釋
1559899419823.png
(3) 引用傳入數(shù)據(jù) 在標(biāo)簽內(nèi)部加入名為“插值表達(dá)式” 如 {{first}}
