在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue組件 根據(jù)從父組件傳遞下來的data,如何為子組件初始化設(shè)置屬性

vue組件 根據(jù)從父組件傳遞下來的data,如何為子組件初始化設(shè)置屬性

新人對于vue生命周期理解不夠透徹。
組件:

props:["data"],
mounted(){
    console.log(document.querySelector('.xxx'))
},

這里打印出來為null啊,如果我想根據(jù)從父組件傳遞下來的data,來給該組件某些dom元素初始化設(shè)置屬性,比如width,或者說props取到數(shù)據(jù)后想先處理再渲染要怎么做呀?

回答
編輯回答
吃藕丑

props是可以設(shè)置默認(rèn)值的,舉例說明一下:

props: {
    // 基礎(chǔ)類型檢測 (`null` 指允許任何類型)
    propA: Number,
    // 可能是多種類型
    propB: [String, Number],
    // 必傳且是字符串
    propC: {
      type: String,
      required: true
    },
    // 數(shù)值且有默認(rèn)值
    propD: {
      type: Number,
      default: 100
    },
    // 數(shù)組/對象的默認(rèn)值應(yīng)當(dāng)由一個工廠函數(shù)返回
    propE: {
      type: Object,
      default: function () {
        return { message: 'hello' }
      }
    },
    // 自定義驗證函數(shù)
    propF: {
      validator: function (value) {
        return value > 10
      }
    }
  }
官方文檔地址:https://cn.vuejs.org/v2/guide...
2017年7月4日 15:26