有同學(xué)看【手把手教你使用TS+Vue打造黑馬便簽應(yīng)用】時問到 vue-ts中的@Component 是什么意思？簡單回復(fù)如下，請諸位看官大爺【笑納斧正】：

• Component 是 vue-class-component 中的裝飾器修飾組件，用來為組件類添加各種“裝飾屬性”，懂 Java或C#的同學(xué)應(yīng)該了解，這就是所謂的 注解

• 注解 ：是一種依賴注入的方法，為了降低代碼的耦合度。
  簡單的說，就是 框架 負(fù)責(zé)為類額外添加一些成員和功能，而 開發(fā)者 負(fù)責(zé)通過 注解 的方式 將數(shù)據(jù)傳給 框架，框架收到 注解 傳入的數(shù)據(jù)后，可以用在 類上

• 我們看下面段代碼：通過 @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>

• 看圖再說話

  
  
  明白了嗎？這就是所謂“注解”

• 視頻學(xué)習(xí)地址：【手把手教你使用TS+Vue打造黑馬便簽應(yīng)用】https://www.bilibili.com/video/av96238204
• 素質(zhì)三連~~~ 評論彈幕走起來
• 有問題可私信我哈