更新时间:2019年11月20日11:39:22
import *.vue文件报错
- scr 目录下面新建 *-vue.d.ts
- 因为ts不支持*.vue 后缀的文件
- 意思是告诉 TypeScript 以 *.vue 为后缀的文件可以交给 vue 模块来处理。
- 引入的时候加上 .vue 后缀
about.vue
export default class about extends Vue {}
import templateAbout from './About.vue';
declare module '*.vue' {
import Vue from 'vue'
export default Vue
}
使用Mixins全局混入之后,this会报错
import Vue from 'vue';
import Component from 'vue-class-component';
@Component
export default class MyMixin extends Vue {
age:number = 24
}
import { Component, Vue } from 'vue-property-decorator';
import MyMixin from '../mixin';
Component({
mixins:[MyMixin]
})
export default class Home extends Vue {
private created():void{
console.log(this.age);
console.log((this as any).age);
}
}