知识点
创建 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