學會查詢api
在vue中,v-text=「」等指令中的雙引號可以是任何簡單的js表示式,
js簡單的表示式包括:
js基本型別,數字,字串等等,
還可以是三元表示式
v-show 控制顯示隱藏和v-if的區別
v-show 可以清除style=」display: none」
v-if在虛擬記憶體中,不會清除style=」display: none」
v-text 顯示文字,和}的區別
頁面首屏不用},只在元件中使用}
v-bind 兩個用法
1.繫結dom元素的屬性,只要是dom元素的屬性都可以繫結,例如
v-bind:style=」」
v-bind:class=」」,預設繫結class用物件的形式
2.給子元件繫結屬性值傳參
v-on 兩個用法
1.監聽dom元素的事件
2.監聽自定義元件內部觸發的事件
v-if,v-else-if
v-if
v-else
v-else-if
computed 計算屬性
由其它data中的屬性計算得到,依賴屬性改變是,其值將會改變
new(,
computed
}})
watch 監聽屬性的改變和computed區別
new(,
watch:,
everyprice(newval,oldval)
}})
很明顯當乙個屬性有兩個或者多個屬性計算得到的時候用計算屬性能夠節省**,
當想要某個屬性最初賦值的時候就執行相應的監聽
watch:
}
解決辦法
watch:,
immediate: true
}
this.$nexttick 用法
例如banner渲染
this.list = getdata();
this.$nexttick(()=>)
1.vue語法不要用簡寫,用全稱,避免和後台語法衝突
2.頁面中避免使用帶有》和《之類的判斷語法
3.首屏模板資料渲染用v-text 不用}
4.例項宣告模板
new(,
},computed:,
watch:,
methods:,
mounted:function()});
5.首屏顯示內容不用元件
6.api 請求方法
建議講自己專案的api請求封裝下,這樣方便新增中介軟體對請求做處理
1.傳引數
api(url, , function (res) );
2.引數為空
api(url, {}, function (res) );
7.vue風格指南 Vue 知識點總結
1.mvvm?對比mvc mvvm model view viewmodel model 資料模型,可以定義資料修改和操作的業務邏輯 view ui元件,將資料元件轉換成ui展示 viewmodel 同步view和model的物件 view和model沒有直接的聯絡,通過viewmodel進行互動,...
Vue知識點總結
框架與庫的區別 jquery庫 dom操作 http請求 全家桶 如何起步 插值表示式 常用指令 全域性元件 場景 公共性功能元件,減少冗餘 全域性api vue.component 元件名 元件物件 過濾器 給資料的顯示進行操作,如反轉,改變屬性等 filter 全域性過濾器,vue.filter...
Vue知識點總結
近期幾天學習了vue,所以在這裡把零碎的知識點稍微總結一下 一.vue開發步驟 1.匯入vue.js檔案 2.編寫html 3.建立vue示例,傳入乙個json物件.二.vuejs特點 angular特點 基於mvvm,資料繫結,依賴注入 三.此json物件的屬性 el 選擇器 表示vue的控制範圍...