vue

一、vuex定义 import Vue from 'vue' import Component from 'vue-class-component' import { mapGetters, mapActions } from 'vuex' // post接口 import { Post } from './post' @Component({ computed: mapGetters([ 'posts' ]), methods: mapActions([ 'fetchPosts' ]) }) export default class Posts extends Vue { // 在类属性声明映射的getter和action // 你可能需要添加 `!` 在类属性后面 // 为了避免编译错误（需要明确的赋值断言）. // 映射getter posts!: Post[] // 映射action fetchPosts!

一、extends扩展 // super.js import Vue from 'vue' import Component from 'vue-class-component' // 超类必须继承于Vue @Component export default class Super extends Vue { superValue = 'Hello' } // HelloWorld继承于超类 @Component export default class HelloWorld extends Super { created() { console.log(this.superValue) // -> Hello } }二、mixins混合 // mixins.js import Vue

一、vue router hooks路由钩子 import Component from 'vue-class-component' // 注册路由钩子，必须在任何组件定义之前注册它们 Component.registerHooks([ 'beforeRouteEnter', 'beforeRouteLeaver', 'beforeRouteUpdate' ]) 二、类组件将它们实现为类原型方法 import Vue from 'vue' import Component from 'vue-class-component' @Component export default class HelloWorld extends Vue{ beforeRouteEnter(to, from, next){ console.log('beforeRouteEnter') next() } beforeRouteLeaver(to, from, next)

一、模板定义 import Vue from 'vue' import Component from 'vue-class-component' // HelloWorld class will be a Vue component @Component export default class HelloWorld extends Vue {}二、data数据 import Vue from 'vue' import Component from 'vue-class-component' @Component export default class HelloWorld extends Vue { // 请避免使用undefined作为初始值，class属性不具有反应性（检测能力）

类jquery.extend方法，默认深拷贝。 // es6: extendVue.js // 拓展合并对象方法、兼容vue export default extendVue = (target, ...objs)=>{ let isDeep = true;//默认深拷贝 let length = objs.length;//可变参数长度 let i = 0;//索引号 if(typeof target == 'boolean'){ isDeep = target; if(length){ target = objs[i]; i++; }else{ return false;//不存在拷贝数据，返回false