自定义全局组件
如果想自己创建新的组件,应用在全局
步骤
步骤一
创建一个user文件夹,
步骤二
创建一个template组价
<template>
<div class="login">
用户登陆
</div>
</template>
<style scoped>
.login{
color: red;
text-align: center;
}
</style>
步骤三
创建一个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中使用
<Login></Login>