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