1.單檔案元件 1.三個部分組成 1.template 只能存在一個根元素 2.script 3.style scoped：樣式只在當前元件內生效 2.子父級元件互動 父->子 prop 資料傳遞型別限制（驗證） 資料型別驗證 多資料型別驗證 必選項 預設值 obj、arr資料型別的預設值 子->父 emit Event 例如：子元件 <button @click=“sendMsg”>傳遞值 methods:{ sendMsg(event){ //兩個引數： 引數1：key 引數2：資料 // key是自定義的 值是提前準備好的 key的作用：在父元件中當成一個自定義事件的形式 this.$emit(“abc”,this.addNum)

              }
            },
         父元件：
            <Childs @abc="getmsg" :num="addNum"/>
              methods:{
                    getmsg(data){
                      this.info = data
                      console.log(data)
                    }
                  },
  3.插槽與快取
    單個插槽
    具名插槽
    作用域插槽
      資料傳遞：子->父  slot-scope
    動態元件：keep-alive
    如果資料不需要實時更新，則使用keep-alive進行快取  如果資料需要實時更新，則不適用