vue基础 - 20 （全局组件components、全局过滤器filter）

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>