vue第五天

legendmohe 發布于2019-08-21 11:31 / 320人閱讀

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

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

1. 全局組件


var Aaa=Vue.extend({
    template:"我是標題3"
});

Vue.component("aaa",Aaa);

*組件里面放數據: data必須是函數的形式，函數必須返回一個對象(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).

動態組件:

vue-devtools -> 調試工具

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

vue默認情況下，子組件也沒法訪問父組件數據

組件數據傳遞: √

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

在調用子組件：
        

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

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

2. 父級獲取子級數據

*子組件把自己的數據，發送到父級

vm.$emit(事件名,數據);

v-on:    @

vm.$dispatch(事件名,數據)     子級向父級發送數據
vm.$broadcast(事件名,數據)    父級向子級廣播數據
配合: event:{}

在vue2.0里面已經，報廢了

slot:

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

類似ng里面 transclude  （指令）

云服務器 GPU云服務器第五天五天無理由五天無理由流程 ucloud領取免費五天

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86803.html

26天學通前端開發（配資料）

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

blair 2019-08-21 16:59 評論0 收藏0
【牛客網】-- 日日刷(第五天)

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

ARGUS 2019-08-16 18:23 評論0 收藏0
JavaScript學習筆記第五天_錯誤處理與

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

levy9527 2019-08-21 11:17 評論0 收藏0
九天學會Java，第五天，函數定義函數調用

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

Cheriselalala 2019-08-16 10:44 評論0 收藏0
九天學會Java，第五天，函數定義，函數調用

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

MAX_zuo 2019-08-15 15:33 評論0 收藏0