Vue中的局部组件介绍
在Vue中我们可以自己定义(注册)局部组件
定义组件名的方式：
var ComponentA = { /* ... */ }var ComponentB = { /* ... */ }
然后在 components 选项中定义你想要使用的组件：
new Vue({el: '#app', // 组件中心components: { // 在视图层渲染 局部注册组件时// component-a：你要在视图层调用时使用的名称// ComponentA：局部注册组件名称'component-a': ComponentA,'component-b': ComponentB}})
在视图层调用局部组件：
举个列子：
输出结果为：
【Vue中的局部组件介绍】
文章图片
推荐阅读
- 热闹中的孤独
- JS中的各种宽高度定义及其应用
- vue-cli|vue-cli 3.x vue.config.js 配置
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- 2020-04-07vue中Axios的封装和API接口的管理
- Android中的AES加密-下
- 放下心中的偶像包袱吧
- C语言字符函数中的isalnum()和iscntrl()你都知道吗
- C语言浮点函数中的modf和fmod详解