如何添加Vue的辅助功能

npm install vue-router --save

import VueRouter from 'vue-router'Vue.use(VueRouter)

import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({  routes: [    {      path: '/',      name: 'Home',      component: Home    }  ]})

npm install vuex --save

import Vuex from 'vuex'Vue.use(Vuex)

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({  state: {    count: 0  },  mutations: {    increment(state) {      state.count++    }  },  actions: {    incrementAsync({ commit }) {      setTimeout(() => {        commit('increment')      }, 1000)    }  },  getters: {    getCount(state) {      return state.count    }  }})

npm install vue-cli -g

vue init webpack my-project

cd my-project

npm run dev

npm install axios --save

import axios from 'axios'Vue.prototype.$axios = axios;

export default {  data() {    return {      list: [],    }  },  mounted() {    this.getList()  },  methods: {    getList() {      this.$axios.get('url')      .then(response => {        this.list = response.data      })      .catch(error => {        console.log(error)      })    }  }}

npm install moment --save

export default {  data() {    return {      date: ''    }  },  mounted() {    this.date = moment().format('YYYY-MM-DD')  }}

Vue.directive('number', {  bind: function(el) {    el.addEventListener('input', function() {      this.value = this.value.replace(/[^d]/g, '')    })  }})

<template>  <div>    <input type="text" v-number>  </div></template>