vue 全局引用公共的组件以及公共的JS文件

1. 创建一个公共的目录 timeline ,里面包含 timeline.js 和 timeline.vue 文件,timeline.vue 用来写公共的页面,timeline.js 用来导出这个组件。



timeline.vue 文件内容如下





timeline.js 文件内容如下

import timelineData from './timeline.vue';
const timeline = {
  install: (Vue) => {
      // 注册并获取组件,然后在 main.js 中引入,并 Vue.use()挂载
      Vue.component('timeline', timelineData)
  }
};
export default timeline;

2. 在 main.js 中引入公共的文件并挂载到Vue中

...
// 引入timeline
import timeline from './timeline/timeline.js';
Vue.use(timeline);
...

3. 在需要用到 timeline 的组件文件中直接使用即可

你可能感兴趣的