首页 > 其他 > 详细

Vue组件化之语法糖

时间:2021-05-07 14:47:53      阅读:34      评论:0      收藏:0      [点我收藏+]

Vue组件化之语法糖 

一、全局组件之语法糖

技术分享图片

 以下模板

<template id="cpn">
  <div>
    <p>你与Vue.js之组件的邂逅!</p>
  </div>
</template>

以下是全局注册

Vue.component(‘cpn‘, {
  template: ‘#cpn‘
})

二、局部组件之语法糖

技术分享图片

 技术分享图片

 以下是局部注册

components: {
  cpn1: {
    template: ‘#cpn‘
  }
}

 

Vue组件化之语法糖

原文:https://www.cnblogs.com/BlueWK/p/14738591.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!