成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue第五天

legendmohe / 343人閱讀

摘要:組件一些知識點的記錄全局組件我是標題組件里面放數(shù)據(jù)必須是函數(shù)的形式,函數(shù)必須返回一個對象局部組件放到某個組件內部局部組件另一種編寫方式好標題配合模板標題多帶帶放到某個地方推薦標題標題動態(tài)組件組件名稱調試工具默認情況下,子組件

vue組件:一些知識點的記錄

1. 全局組件


var Aaa=Vue.extend({
    template:"

我是標題3

" }); Vue.component("aaa",Aaa);

*組件里面放數(shù)據(jù): data必須是函數(shù)的形式,函數(shù)必須返回一個對象(json)

2. 局部組件:放到某個組件內部

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:"

標題2

" } } });

配合模板:

1. template:"

標題2->{{msg}}

" 2. 多帶帶放到某個地方-[推薦] a). b).

動態(tài)組件:


vue-devtools -> 調試工具

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

vue默認情況下,子組件也沒法訪問父組件數(shù)據(jù)

組件數(shù)據(jù)傳遞: √

1. 子組件就想獲取父組件data

在調用子組件:
        

子組件之內:
        props:["m","myMsg"]

        props:{
            "m":String,
            "myMsg":Number
        }

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里面已經,報廢了

slot:

位置、槽口 作用: 占個位置

類似ng里面 transclude  (指令)

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://systransis.cn/yun/86803.html

相關文章

  • 26天學通前端開發(fā)(配資料)

    摘要:網(wǎng)上有很多前端的學習路徑文章,大多是知識點羅列為主或是資料的匯總,數(shù)據(jù)量讓新人望而卻步。天了解一個前端框架。也可以關注微信公眾號曉舟報告,發(fā)送獲取資料,就能收到下載密碼,網(wǎng)盤地址在最下方,獲取教程和案例的資料。 前言 好的學習方法可以事半功倍,好的學習路徑可以指明前進方向。這篇文章不僅要寫學習路徑,還要寫學習方法,還要發(fā)資料,干貨滿滿,準備接招。 網(wǎng)上有很多前端的學習路徑文章,大多是知...

    blair 評論0 收藏0
  • 【??途W(wǎng)】-- 日日刷(五天)

    還剩11天 ========================================================================= 1、抽象類方法的訪問權限默認都是public。(√) 在Java1.8以前,抽象類方法默認的訪問權限為protected在Java1.8以后,抽象類方法默認的訪問權限為default ============================...

    ARGUS 評論0 收藏0
  • JavaScript學習筆記五天_錯誤處理與

    摘要:廖雪峰老師的教程學習筆記錯誤處理提供了像一樣的錯誤處理機制,即例如其中不是必須的,也不是必須的,但二者必須有其一,其中是必定會被執(zhí)行的。其中其中函數(shù)將在超時后執(zhí)行。 廖雪峰老師的javascript教程學習筆記 1. 錯誤處理 JavaScript 提供了像Java一樣的錯誤處理機制,即try catch finally.例如: try{ var s = null; s...

    levy9527 評論0 收藏0
  • 九天學會Java,五天,函數(shù)定義函數(shù)調用

    摘要:那么這種封裝的形式就叫做函數(shù)函數(shù)的格式修飾符返回值類型函數(shù)名參數(shù)類型形式參數(shù),參數(shù)類型形式參數(shù),執(zhí)行語句返回值有可能有,有可能無函數(shù)的定義我們參考函數(shù)的格式定義幾個函數(shù)因為我們要在中調用函數(shù),所以函數(shù)也要定義成。 變量和數(shù)據(jù)類型,賦值和輸出 算術運算 選擇結構 循環(huán)結構 函數(shù)定義,函數(shù)調用 max) { max = b; } ...

    Cheriselalala 評論0 收藏0
  • 九天學會Java,五天,函數(shù)定義,函數(shù)調用

    摘要:那么這種封裝的形式就叫做函數(shù)函數(shù)的格式修飾符返回值類型函數(shù)名參數(shù)類型形式參數(shù),參數(shù)類型形式參數(shù),執(zhí)行語句返回值有可能有,有可能無函數(shù)的定義我們參考函數(shù)的格式定義幾個函數(shù)因為我們要在中調用函數(shù),所以函數(shù)也要定義成。 變量和數(shù)據(jù)類型,賦值和輸出 算術運算 選擇結構 循環(huán)結構 函數(shù)定義,函數(shù)調用 max) { max = b; } ...

    MAX_zuo 評論0 收藏0

發(fā)表評論

0條評論

legendmohe

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<