自定义全局组件

自定义全局组件

如果想自己创建新的组件,应用在全局
步骤

步骤一

创建一个user文件夹,

步骤二

创建一个template组价



步骤三

创建一个index.js文件,export出全局对象

import Login from './login.vue'

export default{
    //提供一个install方法,提供使用
    install:function(Vue){
        Vue.component('Login',Login)
    }
}

步骤四调用

在main.js文件中引入新建的全局组件

import Login from './components/user(/index.js)'
Vue.use(Login)

步骤五使用

在app.vue中使用

 

你可能感兴趣的:(自定义全局组件)