• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      vue父組件向子組件傳值

      2020-3-18    前端達人

      非常簡單,相信大家一看就懂

      復制到瀏覽器即可使用,注意別忘了引入vue哦


      <div id="app">
          <div>{{pmsg}}</div>
          <menu-item :title='ptitle' :content='ptitle'></menu-item>
      </div>
      <script type="text/javascript" src="vue.js"></script>
      <script type="text/javascript">
          //父組件向子組件傳值-基本使用
          Vue.component('menu-item', {
              props: ['title', 'content'],
              data: function() {
                  return {
                      msg: '子組件本身的數據'
                  }
              },
              template: `<div>
            <p>{{msg}}</p>
            <p>{{title}}</p>
            <p>{{content}}</p>
            </div>`
          });
          var vm = new Vue({
              el: '#app',
              data: {
                  pmsg: '父組件中內容',
                  ptitle: '動態綁定屬性'
              }
          });
      </script>
      
      ————————————————
      版權聲明:本文為CSDN博主「溫柔的堅持」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
      原文鏈接:https://blog.csdn.net/weixin_43745003/article/details/104908639

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔