知识点创建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 | statusFilterBfilters: { 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
Vue笔记
March 11, 2019 · 1 min · jiezi