Vue
-
Vue项目使用eslint
vue项目使用eslint基于vue-cli3新生成的项目已集成。 工作流程每次进行git commit的时候会进行npm run lint {提交的文件} --fix,如果lint没通过,则无法进行提交。 规则使用airbnb。 配置仅对于以前vue-cli3生成的项目。 eslint autofix开发当中如果编写的代码不符合eslint规则,在保存时会自动修复为符合规则的代码,效果如下: 以前生成的项目,因为官方依赖@vue/cli-plugin-eslint的问题,导致autofix无效(新生...
-
vue项目接入sentry
vue项目接入sentry新建项目在首页,点击右上角Add new...,选择项目。 在对应的地方输入项目名, team选fe_team, 然后创建项目即可。 创建完成之后,点击Get your DSN,并保存公用DSN。 使用sentrywebpack项目安装@sentry/browser(Sentry’s browser JavaScript SDK)。 安装@sentry/integrations(Vue Error Handling)。 npm i @sentry/browser...
-
Vue中进行单元测试
单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作。 测试框架所谓”测试框架”,就是运行测试的工具。通过它,可以为 JavaScript 应用添加测试,从而保证代码的质量。类似的测试框架还有 Mocha、Jasmine、Karma、Tape 等 MochaMocha(发音”摩卡”)诞生于 2011 年,是现在最流行的 JavaScript 测试框架之一,在浏览器和 Node 环境都可以使用。 1.安装 npm install -g mocha2.测试脚本 Mocha 的作用是运行测...
-
Vue常见知识点总结
Vue常见知识点总结v-show和v-if的区别 v-show通过css的display控制显示和隐藏v-if组件真正的渲染和销毁,而不是显示和隐藏 为何在v-for中使用key 必须使用key,且不能是index和randomdiff算法中通过tag和key来判断是否是sameNode减少渲染次数,提高渲染性能 描述vue组件的生命周期 vue组件如何通讯父子组件通信父组件向子组件传值 创建子组件,在src/components/文件夹下新建一个Child.vue Child.vue的中创建prop...