首页 / VUE / vue组件全局注册、局部注册

vue组件全局注册、局部注册

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue组件全局注册、局部注册，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含919字，纯文字阅读大概需要2分钟。

内容图文

定义：组件是可复用的 Vue 实例

全局组件：一般来说是在任何页面中任何位置都可以使用，比如：头部公共栏(navbar)，底部公共栏(tabbar)

局部组件：只能定义在它的el中，不能使用在其他的位置，否则无效

注册类型：

1.全局注册

　　Vue.component('my-component-name', {  // ... 选项 ... })

　　第一个参数是组件名

　　第二个参数  因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。

　　　　注意：data必须是一个函数

               当我们定义这个 <button-counter> 组件时，你可能会发现它的 data 并不是像这样直接提供一个对象：

       data: {
         count: 0
       }

             取而代之的是，一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝：

     data: function () {
       return {
          count: 0
       }
　　　}

2.局部注册

在模块系统中局部注册

例：

import ComponentA from './ComponentA'
import ComponentC from './ComponentC'

export default {
  components: {
    ComponentA,
    ComponentC
  },
  // ...
}

 

内容总结

以上是互联网集市为您收集整理的vue组件全局注册、局部注册全部内容，希望文章能够帮你解决vue组件全局注册、局部注册所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1001521.html

来源：【匿名】