摘要:主要特性模板渲染響應式雙向數據綁定組件化開發路由虛擬好處初始視圖沒有優勢,反而中間多了一層虛擬,所以性能沒有提高更新視圖優勢明顯減少重復生成與刪除操作,減少查詢定位元素的操作,能修改操作完成的就絕不使用生成與刪除來操作腳手架是什么有什么作
vuejs主要特性?
模板渲染
響應式雙向數據綁定
組件化開發
路由
虛擬DOM好處?初始視圖沒有優勢,反而中間多了一層虛擬DOM,所以性能沒有提高
更新視圖優勢明顯:減少重復生成與刪除DOM操作,減少查詢定位DOM元素的操作,能修改操作完成的就絕不使用生成與刪除來操作
vue-cli 腳手架是什么?有什么作用?是一種開發vue應用的前端自動化構建工具
主要有以下作用:
1、生成項目目錄結構 2、本地開發調試 3、代碼部署 4、熱加載 5、單元測試Vue實體外部,如何獲取和賦值(數據)
var app = new Vue({ el: "#app", data: { name: "wt" } }); // 獲取數據 console.log(app.$data.name); console.log(app.name); // 賦值 app.$data.name = “你好”; app.name = “你好”;Vue實體內部,如何獲取和賦值(數據)
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
列表命令作用于 數組 和 對象
MVVM:由M、V、VM三部分組成,vuejs主要實現VM部分,我們開發主要負責M、V兩層 MVP: 由M、V、P三部分組成,P負責業務邏輯和DOM操作 MVVM優點:面向數據、代碼少、效率高 MVP優點: 面向DOM、代碼多、效率低數據的雙向綁定
單向綁定
把Model綁定到View,當我們用JavaScript代碼更新Model時,View就會自動更新
雙向綁定
如果用戶更新了View,Model的數據也自動被更新了,這種情況就是雙向綁定。
主要適用場景:一般是表單元素(能與用戶交互的那些)
雙向綁定的實現
v-model組件化 生命周期函數
Vue生命周期函數是一種在某時間點 自動執行的函數(鉤子函數)
定義
new Vue({ data: { a: 1 }, created: function () { // `this` 指向 vm 實例 console.log("a is: " + this.a) } }) // 并非定義在methods中 // 生命周期函數中,this指代vue實例模板語法
標簽內容
有3種語法:
1、插值表達式
{{ msg }}
2、v-text
3、v-html
注意:
v-text 與 {{}} 作用一樣
3種語法都可以寫js表達式:{{ msg + "LEE"}}
標簽事件(綁定)
標簽屬性
有2個屬性是特殊的:class和style,其他屬性(包括:class和style)都可以按如下綁定標簽屬性
GreetGreetGreet
注意
1、無論是標簽內容、事件、屬性都可以使用js表達式,與微信小程序不同,vuejs可以直接調用方法,例如 {{ greet() }}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/84188.html
摘要:推薦使用使用指定打包位。開發環境跨域代理設置如果是接口,需要配置這個參數如果接口跨域,需要進行這個參數配置通過新窗口打開項目內頁面 ————僅以此文記錄個人使用vuejs開發項目對一些需求的處理方法,不定期更新... 加載favicon.ico圖標 //index.html // build/webpack.dev.conf.js new HtmlWebpackPlugin({ ...
摘要:問題起因姐毫無征兆的在我們的水群里發來一段代碼她的目的是想從中隨機抽取個不重復的值組成一個新數組問我代碼是否有問題很遺憾因為我剛睡醒隨便貼了一下代碼運行了一下就說沒問題很快我就被打臉了也是如果沒問題的話她問個毛大家可以先找一下問題下面先 1.問題起因 W姐毫無征兆的在我們的水群里發來一段代碼: var arr = [{q:1+1=?,a:2,b:3,c:1},{q:1+2=?,a:2,...
小編寫這篇文章的主要目的,主要是給大家介紹關于python3 queue多線程通信,這里面有很多的技術性的難點,那么,該怎么去進行處理呢,下面小編給大家進行詳細的解答一下。 queue分類 python3 queue分三類: 先進先出隊列 后進先出的棧 優先級隊列 他們的導入方式分別是: fromqueueimportQueue fromqueueimportLifoQueue...
閱讀 2440·2021-11-15 11:36
閱讀 1177·2019-08-30 15:56
閱讀 2247·2019-08-30 15:53
閱讀 1043·2019-08-30 15:44
閱讀 656·2019-08-30 14:13
閱讀 1001·2019-08-30 10:58
閱讀 480·2019-08-29 15:35
閱讀 1300·2019-08-29 13:58