vue中把moment封装成插件（plugins）

首先你要确保vue环境搭建成功

 

第一步：

npm 安装 moment，文件根目录下安装，指令如下

npm install moment -save //安装到生产环境

 

第二步：

 

如何封装插件

首先，创建一个文件。本例中，我将引入一个moment库的插件。我们就把这个文件命名为moment.js吧。

最关键的地方在于，我们需要暴露一个将Vue构造器作为第一个参数的install方法。

 

在vue项目的 src/ 文件夹下新建一个文件夹为 plugins，然后在 plugins/ 下新建 moment.js文件，写入如下代码

import moment from 'moment'

export default {
  install: function (Vue) {
    Object.defineProperty(Vue.prototype, '$moment', { value: moment })
  }
}

第三步：

在 main.js 中引入 moment 插件

引入一个moment 插件中文包

import 'moment/locale/zh-cn'    

import Vue from 'vue'
import App from './App'
import router from '.