您的位置：首页 > 产品设计 > UI/UE

2.0vue.js 第二种组件局部写法

2017-07-22 16:53 225 查看

<body>

       <template id="zu">

           <div>

               <h2>我是组件</h2>

               {{jk}}

           </div>

       </template>

       <div id="app">

           <aaa></aaa>

           {{wo}}

       </div>

   </body>

   <script src="vue2.js"></script>

   <script>



       var Zu={ //组件

           template:'#zu',

           data(){

               return{

                   jk:'我是组件变量'

               }

           }



       };



       new Vue({

           el:'#app',

           data:{

               wo:'你在干嘛'

           },

           components:{//组件连接

                   'aaa':Zu

           }

       });

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航