vue创建局部组件

Dear 丶 2021-12-23 03:19 425阅读 0赞 
  1. <div id="app">
  2.       <index>
  4.       </index>
  5.     </div>
  6.     <script>
  7.       // 1.1 假设创建一个product局部组件
  8.       let product = {
  9.         template: '<div>这里是一个商品列表</div>'
  10.       }
  12.       Vue.component('index', {
  13.         // 1.3 在index组件的模板中使用product组件
  14.         template: '<div>这是首页:<product></product></div>',
  15.         // 1.2 如果想要使用下面的product，得在index组件中注入一下，通过components属性注入
  16.         components: {
  17.           //-->这里是product:product
  18.           product
  19.         }
  20.       })
  24.       var vm = new Vue({
  25.         el: '#app',
  26.         data: {
  28.         }
  29.       })
  30.     </script>

转载于:https://www.cnblogs.com/mushitianya/p/10514796.html

发表评论

表情：
评论列表 （有 0 条评论，425人围观）

还没有评论，来说两句吧...

相关阅读