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