掃一掃
服務(wù)近2000家企業(yè)，依托一系列實(shí)踐中打磨過(guò)的技術(shù)和產(chǎn)品，根據(jù)企業(yè)的具體業(yè)務(wù)問(wèn)題和需求，針對(duì)性的提供各行業(yè)大數(shù)據(jù)解決方案。
前端軟件開(kāi)發(fā)技術(shù)VUE使用
來(lái)源：未知 時(shí)間：2018-55-19 瀏覽次數(shù)：144次
前端軟件開(kāi)發(fā)技術(shù)VUE使用，vue是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層，不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類(lèi)庫(kù)結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用提供驅(qū)動(dòng)<div id="root"><h1>dddd{{msg}}</h1></div>
new vue({
el:"#root"
data:{msg:"xxxx"}
})
一、屬性解釋:
- el：表示指定vue對(duì)象綁定的html元素
- data：為綁定html填充的元素
- template：vue模板，即掛載點(diǎn)中的html元素及替換數(shù)據(jù)，掛載點(diǎn)內(nèi)部的所有html及替換數(shù)據(jù)內(nèi)容
- methods：綁定的方法集合
二、掛載點(diǎn)，模板，及實(shí)例
- 掛載點(diǎn)：將id為root的HTML元素叫做該綁定vue對(duì)象的掛載點(diǎn)
- 模板：掛載點(diǎn)中的所內(nèi)容叫模板，如<h1>dddd{{msg}}</h1>,
- 模板的實(shí)現(xiàn)方式有兩種，第一種是在html行內(nèi)寫(xiě)，第二種是在VUE對(duì)象中指定template屬性：
1.<div id="root"><h1>dddd{{msg}}</h1></div>
2.<div id="root"></div>
new vue({
el:"#root"，
template：<h1>dddd{{msg}}</h1>
data:{msg:"xxxx"}
})
- 實(shí)例：new vue（{}）就是創(chuàng)建了一個(gè)vue實(shí)例，vue實(shí)例必須指定掛載點(diǎn)，還可以操作模板即填充數(shù)據(jù)等
三、模板中插入date中的值有兩種方法
- 1.{{}}符號(hào)叫做插值表達(dá)式,如，{{msg}}
- 2.可以使用v-text=變量名來(lái)插入(或v-html=變量名)，如<h1 v-text="msg"></h1>
- 3.v-text與v-html的區(qū)別，前者只能插入文本，不能插入html代碼，HTML代碼插入會(huì)被轉(zhuǎn)義直接顯示，后者可以插入html與文本
<div id="root" ><h1 v-on:click="functionname"> {{msg}}</h2></div>
new vue ({
new vue ({
el:"#root",
data:{
msg:hhhhhh
},
methods:{
functionname:function(){
alert(111)
}
}
})
四、方法綁定
四、方法綁定
1.vue使用v-on:click="functionname" 綁定事件，在vue實(shí)例的methods屬性中定義要綁定的方法(多個(gè))
五、在模板中循環(huán)插入數(shù)據(jù) v-for="data in datas"的使用
五、在模板中循環(huán)插入數(shù)據(jù) v-for="data in datas"的使用
<div id="app1"><ul><li v-for="msg1 in msgs">{{ msg1 }}</li></ul></div>
app1 = new Vue({
el:"#app1",
data:{
msgs:["aaaa","bbbb","cccc","dddddd","eeeeeeeee"]
}
})
vue是目前非常流行的軟件開(kāi)發(fā)前端技術(shù)，使用廣泛，易于維護(hù)，使得前后臺(tái)分離，后臺(tái)數(shù)據(jù)讀取等操作會(huì)在下片文章中繼續(xù)講解
vue是目前非常流行的軟件開(kāi)發(fā)前端技術(shù)，使用廣泛，易于維護(hù)，使得前后臺(tái)分離，后臺(tái)數(shù)據(jù)讀取等操作會(huì)在下片文章中繼續(xù)講解