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;