有同学看【手把手教你使用TS+Vue打造黑马便签应用】时问到 vue-ts中的@Component 是什么意思？简单回复如下，请诸位看官大爷【笑纳斧正】：
Component 是 vue-class-component 中的装饰器修饰组件，用来为组件类添加各种“装饰属性”，懂 Java或C#的同学应该了解，这就是所谓的 注解
注解 ：是一种依赖注入的方法，为了降低代码的耦合度。
简单的说，就是 框架 负责为类额外添加一些成员和功能，而 开发者 负责通过 注解 的方式 将数据传给 框架，框架收到 注解 传入的数据后，可以用在 类上我们看下面段代码：通过 @Component 为 名为 App的类 传了一个对象，而对象中，就包含了 很多属性，比如：components
<template>
<div id="app">
<MenuBar/>
<ItemList/>
<MemoEditor v-if="$store.state.isShow"/>
<test/>
</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import MenuBar from './components/MenuBar.vue'
import ItemList from './components/ItemList.vue'
import MemoEditor from './components/MemoEditor.vue'
import test from './components/test.vue'
@Component({
components: {
MenuBar,
ItemList,
MemoEditor,
test
},
})
export default class App extends Vue {
}
</script>
-
看图再说话
明白了吗？这就是所谓“注解”
- 视频学习地址：【手把手教你使用TS+Vue打造黑马便签应用】https://www.bilibili.com/video/av96238204
- 素质三连~~~ 评论弹幕走起来
- 有问题可私信我哈
