1、全局组件:
- 创建 components/index.js,需要全局使用的组件,在这里 import
import Vue from "vue";
import MyCom from "./Global.vue";
Vue.component("Global", Global);
- 在 main.js 中引入 components/index.js:
import "./components/index";
- 页面中直接使用,不需要再次引入、注册
<Global />
2、全局过滤器
- 在 filter/index.js 中,注册全局过滤器
import Vue from "vue";
// 注册全局过滤器: 可以在所有组件中通用
// {{ 9 | double }}
Vue.filter("double", function (value) {
return value * 2;
});
- 在 main.js 中引入 filter/index.js:
import "./filter/index";
- 页面中直接使用
<h2>{{ 88 | double }}</h2>