全局注册
vue组件有两种,一种是全局组件,一种是局部组件。整个项目经常用到的用全局写法,用到比较少的专供特定页面用的使用局部组件。
全局组件引入写法:在项目的main.js中:
import Vue from ‘vue’;
import MyComponent from ‘@/components/MyComponent.vue’; // 导入自己写的组件文件
Vue.use(MyComponent); // 自定义全局组件的时候需要Vue.use();
Vue.component(‘my-component’, MyComponent); //初始化组件
new Vue({
el: ‘#app’,
router,
components: {
App,
MyComponent
},
template: ‘’,
});
局部组件引入写法:在需要使用组件的a.vue文件中:
下面附上自定义组件的MyComponent.vue文件代码:
<a @click=“methods1()”>
data 必须是一个函数
当我们定义这个 组件时,你可能会发现它的 data 并不是像这样直接提供一个对象:
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。