日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

父組件向子組件傳值

成都創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|成都網(wǎng)站改版|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn)，為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù)，案例作品覆蓋玻璃隔斷等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身制作品質(zhì)網(wǎng)站。

  
  
 
// 創(chuàng)建 Vue 實(shí)例，得到 ViewModel
  var vm = new Vue({
   el: '#app',
   data: {
    msg: '123 啊-父組件中的數(shù)據(jù)'
   },
   methods: {},
   components: {
    // 結(jié)論：經(jīng)過(guò)演示，發(fā)現(xiàn)，子組件中，默認(rèn)無(wú)法訪問(wèn)到 父組件中的 data 上的數(shù)據(jù) 和 methods 中的方法
    com1: {
     data() { // 注意： 子組件中的 data 數(shù)據(jù)，并不是通過(guò) 父組件傳遞過(guò)來(lái)的，而是子組件自身私有的，比如： 子組件通過(guò) Ajax ，請(qǐng)求回來(lái)的數(shù)據(jù)，都可以放到 data 身上；
      // data 上的數(shù)據(jù)，都是可讀可寫(xiě)的；
      return {
       title: '123',
       content: 'qqq'
      }
     },
     template: '
這是子組件 --- {{ parentmsg }}
',
     // 注意： 組件中的 所有 props 中的數(shù)據(jù)，都是通過(guò) 父組件傳遞給子組件的
     // props 中的數(shù)據(jù)，都是只讀的，無(wú)法重新賦值
     props: ['parentmsg'], // 把父組件傳遞過(guò)來(lái)的 parentmsg 屬性，先在 props 數(shù)組中，定義一下，這樣，才能使用這個(gè)數(shù)據(jù)，只讀，寫(xiě)的話會(huì)報(bào)警告
     directives: {},
     filters: {},
     components: {},
     methods: {
      change() {
       this.parentmsg = '被修改了'
      }
     }
    }
   }
  });

標(biāo)題名稱：vue-父子組件和ref實(shí)例詳解-創(chuàng)新互聯(lián)
文章出自：http://www.dlmjj.cn/article/dgghjg.html