码迷,mamicode.com
首页 > 其他好文 > 详细

两步创建vue全局组件

时间:2019-06-15 12:02:12      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:nbsp   The   runtime   imp   class   app   only   with   ali   

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全局组件

标签:nbsp   The   runtime   imp   class   app   only   with   ali   

原文地址:https://www.cnblogs.com/ivan5277/p/11026854.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!