摘要:主要特性模板渲染響應(yīng)式雙向數(shù)據(jù)綁定組件化開發(fā)路由虛擬好處初始視圖沒有優(yōu)勢,反而中間多了一層虛擬,所以性能沒有提高更新視圖優(yōu)勢明顯減少重復(fù)生成與刪除操作,減少查詢定位元素的操作,能修改操作完成的就絕不使用生成與刪除來操作腳手架是什么有什么作
vuejs主要特性?
模板渲染
響應(yīng)式雙向數(shù)據(jù)綁定
組件化開發(fā)
路由
虛擬DOM好處?初始視圖沒有優(yōu)勢,反而中間多了一層虛擬DOM,所以性能沒有提高
更新視圖優(yōu)勢明顯:減少重復(fù)生成與刪除DOM操作,減少查詢定位DOM元素的操作,能修改操作完成的就絕不使用生成與刪除來操作
vue-cli 腳手架是什么?有什么作用?是一種開發(fā)vue應(yīng)用的前端自動化構(gòu)建工具
主要有以下作用:
1、生成項(xiàng)目目錄結(jié)構(gòu) 2、本地開發(fā)調(diào)試 3、代碼部署 4、熱加載 5、單元測試Vue實(shí)體外部,如何獲取和賦值(數(shù)據(jù))
var app = new Vue({ el: "#app", data: { name: "wt" } }); // 獲取數(shù)據(jù) console.log(app.$data.name); console.log(app.name); // 賦值 app.$data.name = “你好”; app.name = “你好”;Vue實(shí)體內(nèi)部,如何獲取和賦值(數(shù)據(jù))
var app = new Vue({ el: "#app", data: { name: "wt", message: "" }, methods: { reverseMessage: function () { this.message = this.message.split("").reverse().join("") } } });條件
條件命令有哪些? v-if v-else v-else-if v-show
v-if/v-else/v-else-if : 可以使用 初始開銷低,少切換 v-show : 不可以使用 切換開銷低,初始頻繁列表
列表命令有哪些? v-forMVVM vs MVP
列表命令作用于 數(shù)組 和 對象
MVVM:由M、V、VM三部分組成,vuejs主要實(shí)現(xiàn)VM部分,我們開發(fā)主要負(fù)責(zé)M、V兩層 MVP: 由M、V、P三部分組成,P負(fù)責(zé)業(yè)務(wù)邏輯和DOM操作 MVVM優(yōu)點(diǎn):面向數(shù)據(jù)、代碼少、效率高 MVP優(yōu)點(diǎn): 面向DOM、代碼多、效率低數(shù)據(jù)的雙向綁定
單向綁定
把Model綁定到View,當(dāng)我們用JavaScript代碼更新Model時,View就會自動更新
雙向綁定
如果用戶更新了View,Model的數(shù)據(jù)也自動被更新了,這種情況就是雙向綁定。
主要適用場景:一般是表單元素(能與用戶交互的那些)
雙向綁定的實(shí)現(xiàn)
v-model組件化 生命周期函數(shù)
Vue生命周期函數(shù)是一種在某時間點(diǎn) 自動執(zhí)行的函數(shù)(鉤子函數(shù))
定義
new Vue({ data: { a: 1 }, created: function () { // `this` 指向 vm 實(shí)例 console.log("a is: " + this.a) } }) // 并非定義在methods中 // 生命周期函數(shù)中,this指代vue實(shí)例模板語法
標(biāo)簽內(nèi)容
有3種語法:
1、插值表達(dá)式
{{ msg }}
2、v-text
3、v-html
注意:
v-text 與 {{}} 作用一樣
3種語法都可以寫js表達(dá)式:{{ msg + "LEE"}}
標(biāo)簽事件(綁定)
標(biāo)簽屬性
有2個屬性是特殊的:class和style,其他屬性(包括:class和style)都可以按如下綁定標(biāo)簽屬性
GreetGreetGreet
注意
1、無論是標(biāo)簽內(nèi)容、事件、屬性都可以使用js表達(dá)式,與微信小程序不同,vuejs可以直接調(diào)用方法,例如 {{ greet() }}
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/84188.html
摘要:推薦使用使用指定打包位。開發(fā)環(huán)境跨域代理設(shè)置如果是接口,需要配置這個參數(shù)如果接口跨域,需要進(jìn)行這個參數(shù)配置通過新窗口打開項(xiàng)目內(nèi)頁面 ————僅以此文記錄個人使用vuejs開發(fā)項(xiàng)目對一些需求的處理方法,不定期更新... 加載favicon.ico圖標(biāo) //index.html // build/webpack.dev.conf.js new HtmlWebpackPlugin({ ...
摘要:知識點(diǎn)總結(jié)一實(shí)現(xiàn)頁面的緩存二移動端固定定位的解決方案三表單校驗(yàn)表單驗(yàn)證中文文檔橫向滑動的選項(xiàng)卡,以及輸入法定位相關(guān)的插件網(wǎng)當(dāng)?shù)谝粋€輸入框自動獲得光標(biāo)的時候,彈出的輸入法會把布局頂上去問題可以左右滑動的將項(xiàng)目中引入框架和插件當(dāng)?shù)谝粋€輸 ======================知識點(diǎn)總結(jié)=========================== 一、keep-alive(實(shí)現(xiàn)頁面的緩存) ...
摘要:問題起因姐毫無征兆的在我們的水群里發(fā)來一段代碼她的目的是想從中隨機(jī)抽取個不重復(fù)的值組成一個新數(shù)組問我代碼是否有問題很遺憾因?yàn)槲覄偹央S便貼了一下代碼運(yùn)行了一下就說沒問題很快我就被打臉了也是如果沒問題的話她問個毛大家可以先找一下問題下面先 1.問題起因 W姐毫無征兆的在我們的水群里發(fā)來一段代碼: var arr = [{q:1+1=?,a:2,b:3,c:1},{q:1+2=?,a:2,...
小編寫這篇文章的主要目的,主要是給大家介紹關(guān)于python3 queue多線程通信,這里面有很多的技術(shù)性的難點(diǎn),那么,該怎么去進(jìn)行處理呢,下面小編給大家進(jìn)行詳細(xì)的解答一下。 queue分類 python3 queue分三類: 先進(jìn)先出隊(duì)列 后進(jìn)先出的棧 優(yōu)先級隊(duì)列 他們的導(dǎo)入方式分別是: fromqueueimportQueue fromqueueimportLifoQueue...
閱讀 2442·2021-11-15 11:36
閱讀 1182·2019-08-30 15:56
閱讀 2248·2019-08-30 15:53
閱讀 1045·2019-08-30 15:44
閱讀 658·2019-08-30 14:13
閱讀 1002·2019-08-30 10:58
閱讀 482·2019-08-29 15:35
閱讀 1304·2019-08-29 13:58