插件:vue-class-component,作用是用类的方式编写组件。
vue-property-decorator深度依赖了vue-class-component,拓展出了更多操作符:@Prop、@Emit、@Inject、@Model、@Provide、@Watch;
1、安装:npm install --save vue-property-decorator, npm install --save vue-class-component
2、 用法:
<script lang="ts">
import {Component,Prop,Vue} from 'vue-property-decorator';
import Sidebar from './components/sidebar/index.vue';
import AppHeader from './components/app-header.vue';
import AppMain from './components/app-main.vue';
@Component({
name: "layout",
components: {Sidebar,AppHeader,AppMain},
})
export default class layout extends Vue {
}
</script>