两步创建vue全局组件

Posted ivan5277

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了两步创建vue全局组件相关的知识,希望对你有一定的参考价值。

import Login from ‘./Login‘

export default 
    install: function(Vue)
        Vue.component(‘Login‘, Login);
    

 

 

 

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from ‘vue‘
import App from ‘./App‘
import Login from ‘@/components/common/login‘
//import store from ‘./store‘
import store from ‘@/store‘

Vue.use(Login)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue(
  el: ‘#app‘,
  store,
  components:  App ,
  template: ‘<App/>‘
)

 

以上是关于两步创建vue全局组件的主要内容,如果未能解决你的问题,请参考以下文章

Vue组件之全局组件与局部组件

vue 注册全局组件

VSCode创建自定义代码段自动新建Vue实例

VSCode创建自定义代码段自动新建Vue实例

Vue 教程(十五)全局组件

vue组件