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...
-