项目记录

1.模块懒加载写法

    const Province = r => require.ensure([], () => r(require('@/components/Province.vue')), 'chunkname1')

        分模块打包需要下面这样使用 webpack的 require.ensure,并且在最后加入一个 chunk名,相同 chunk名字的模块将会打包到一起

2.使用对象扩展操作符把 getter 混入到 computed 中 

    ...mapGetters([ 'doneTodosCount', 'anotherGetter', // ... ])

    调用结果： 

    computed: { doneTodosCount() { return this.$store.getters['doneTodosCount'] }, anotherGetter() { return this.$store.getters['anotherGetter'] } }

3.this.$refs

    在标签上写ref属性，然后用this.$refs.ref属性名获取dom，减少dom消耗

4.自定义插件

    新建vue文件,比如test.vue

    在test.vue同级目录下新建index.js文件

        import test from './test'

        export default{install(Vue){Vue.component('test',test)}}

    在main.js中 导入test.vue,然后Vue.use(test)

5.axios使用

    安装axios npm install axios --save

     在main.js中 注册为全局属性 Vue.prototype.axios=axios;