資訊專欄INFORMATION COLUMN
摘要：組件一些知識點的記錄全局組件我是標(biāo)題組件里面放數(shù)據(jù)必須是函數(shù)的形式，函數(shù)必須返回一個對象局部組件放到某個組件內(nèi)部局部組件另一種編寫方式好標(biāo)題配合模板標(biāo)題多帶帶放到某個地方推薦標(biāo)題標(biāo)題動態(tài)組件組件名稱調(diào)試工具默認(rèn)情況下，子組件
vue組件：一些知識點的記錄
1. 全局組件
var Aaa=Vue.extend({ template:" 我是標(biāo)題3
" }); Vue.component("aaa",Aaa);
*組件里面放數(shù)據(jù): data必須是函數(shù)的形式，函數(shù)必須返回一個對象(json)
2. 局部組件：放到某個組件內(nèi)部
var vm=new Vue({
el:"#box",
data:{
bSign:true
},
components:{ //局部組件
aaa:Aaa
}
});
另一種編寫方式:
Vue.component("my-aaa",{
template:"好"
});
var vm=new Vue({
el:"#box",
components:{
"my-aaa":{
template:"標(biāo)題2
"
}
}
});
配合模板:
1. template:"標(biāo)題2->{{msg}}
" 2. 多帶帶放到某個地方－［推薦］ a). b).標(biāo)題1
- {{val}}
動態(tài)組件:
vue-devtools -> 調(diào)試工具
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
vue默認(rèn)情況下，子組件也沒法訪問父組件數(shù)據(jù)
組件數(shù)據(jù)傳遞: √
1. 子組件就想獲取父組件data
在調(diào)用子組件：
2. 父級獲取子級數(shù)據(jù)
*子組件把自己的數(shù)據(jù)，發(fā)送到父級
vm.$emit(事件名,數(shù)據(jù)); v-on: @
vm.$dispatch(事件名,數(shù)據(jù)) 子級向父級發(fā)送數(shù)據(jù)
vm.$broadcast(事件名,數(shù)據(jù)) 父級向子級廣播數(shù)據(jù)
配合: event:{}
在vue2.0里面已經(jīng)，報廢了
slot:
位置、槽口 作用: 占個位置
類似ng里面 transclude （指令）
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/86803.html
摘要：網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知識點羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個前端框架。也可以關(guān)注微信公眾號曉舟報告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。 前言 好的學(xué)習(xí)方法可以事半功倍，好的學(xué)習(xí)路徑可以指明前進(jìn)方向。這篇文章不僅要寫學(xué)習(xí)路徑，還要寫學(xué)習(xí)方法，還要發(fā)資料，干貨滿滿，準(zhǔn)備接招。 網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知...
還剩11天 ========================================================================= 1、抽象類方法的訪問權(quán)限默認(rèn)都是public。(√) 在Java1.8以前，抽象類方法默認(rèn)的訪問權(quán)限為protected在Java1.8以后，抽象類方法默認(rèn)的訪問權(quán)限為default ============================...
摘要：廖雪峰老師的教程學(xué)習(xí)筆記錯誤處理提供了像一樣的錯誤處理機(jī)制，即例如其中不是必須的，也不是必須的，但二者必須有其一，其中是必定會被執(zhí)行的。其中其中函數(shù)將在超時后執(zhí)行。 廖雪峰老師的javascript教程學(xué)習(xí)筆記 1. 錯誤處理 JavaScript 提供了像Java一樣的錯誤處理機(jī)制，即try catch finally.例如： try{ var s = null; s...
摘要：那么這種封裝的形式就叫做函數(shù)函數(shù)的格式修飾符返回值類型函數(shù)名參數(shù)類型形式參數(shù)，參數(shù)類型形式參數(shù)，執(zhí)行語句返回值有可能有，有可能無函數(shù)的定義我們參考函數(shù)的格式定義幾個函數(shù)因為我們要在中調(diào)用函數(shù)，所以函數(shù)也要定義成。 變量和數(shù)據(jù)類型，賦值和輸出 算術(shù)運算 選擇結(jié)構(gòu) 循環(huán)結(jié)構(gòu) 函數(shù)定義，函數(shù)調(diào)用 max) { max = b; } ...
摘要：那么這種封裝的形式就叫做函數(shù)函數(shù)的格式修飾符返回值類型函數(shù)名參數(shù)類型形式參數(shù)，參數(shù)類型形式參數(shù)，執(zhí)行語句返回值有可能有，有可能無函數(shù)的定義我們參考函數(shù)的格式定義幾個函數(shù)因為我們要在中調(diào)用函數(shù)，所以函數(shù)也要定義成。 變量和數(shù)據(jù)類型，賦值和輸出 算術(shù)運算 選擇結(jié)構(gòu) 循環(huán)結(jié)構(gòu) 函數(shù)定義，函數(shù)調(diào)用 max) { max = b; } ...
閱讀 4010·2023-04-26 00:36
閱讀 2746·2021-11-16 11:44
閱讀 1189·2021-11-15 17:58
閱讀 1748·2021-09-30 09:47
閱讀 1290·2019-08-30 13:05
閱讀 1617·2019-08-30 12:55
閱讀 2493·2019-08-30 11:02
閱讀 2890·2019-08-29 17:01
