Vue全局注册与局部注册异同点

简介: Vue全局注册与局部注册异同点

不同点

一、注册位置不一样

全局注册写在src/main.js里边

局部注册哪儿用,写在那,如:src/App.vue

二、语法不一样

全局注册

Vue.component('myheader',header),
Vue.component('mycontent',content),
Vue.component('mybottom',bottom),

局部注册

export default {
  name: 'app',
  components:{
    'myheader':Header,
    'mycontent':Content,
    'mybottom':Bottom
 
  }
}

三、作用域不一样

如题,全局是哪儿都可以用,局部是哪儿注册哪儿用。

 

相同点

导入方式一样

import Header from './components/header'
import Content from './components/content'
import Bottom from './components/bottom'
目录
相关文章
|
1天前
|
JavaScript 前端开发 API
|
1天前
|
JavaScript
|
1天前
|
JavaScript 前端开发
Vue,如何引入样式文件
Vue,如何引入样式文件
|
1天前
|
JavaScript
|
1天前
|
JavaScript
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
|
1天前
|
JavaScript
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保 路径正确,然后再试一次。
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保 路径正确,然后再试一次。
|
1天前
|
JavaScript
|
1天前
|
JavaScript 前端开发 网络架构
Vue如何实现页面跳转路由,实现单页面跳转
Vue如何实现页面跳转路由,实现单页面跳转
|
2天前
|
JavaScript 前端开发
Vue组件生命周期深度剖析:从创建到销毁的八大钩子实战指南
Vue组件生命周期深度剖析:从创建到销毁的八大钩子实战指南
|
1天前
|
JavaScript 前端开发