Vue筆記

知識點

建立Vue項目

vue init webpack vuetest(項目名稱）
project name 項目名稱（不能有大寫字母，若是有會報錯Sorry, name can no longer contain capital letters)
Project des:項目描述，能夠直接點擊回程，使用默認名字
Author:做者
Runtime+ Compiler:recommended for most users運行加編譯
Runtime-only:僅運行時
installl vue-router?(Y/n)是否安裝vue-router，這是官方的路由，大多數狀況下都使用，這裏就輸入「y」後回車便可。
Use ESLint to lint your code? (Y/n)      是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統一代碼風格的，並不會影響總體的運行，這也是爲了多人協做，新手就不用了，通常項目中都會使用。
Pick an ESLint preset (Use arrow keys)     選擇一個ESLint預設，編寫vue項目時的代碼風格
none (configure it yourself)    本身定義風格，具體選擇哪一個因人而異，選擇標準風格
Setup unit tests with Karma + Mocha? (Y/n)  是否安裝單元測試，選擇安裝
Setup e2e tests with Nightwatch(Y/n)?     是否安裝e2e測試 ，選擇安裝

this.$emit

$on()——監聽事件。
$emit()——把事件沿着做用域鏈向上派送。（觸發事件）！！
$dispatch()——派發事件，事件沿着父鏈冒泡。
$broadcast()——廣播事件，事件向下傳導給全部的後代。

filters

組件中

status | statusFilter | statusFilterB
filters: {
    statusFilter(status) {
      const statusMap = {
        published: 'success',
        draft: 'info',
        deleted: 'danger'
      }
      return statusMap[status]
    },
    statusFilterB(status) {
      const statusMap = {
        success: 'danger',
        danger: 'info',
        info: 'success'
      }
      return statusMap[status]
    }
  }

Bugs