首页 Vue

Vue

  • Vue项目使用eslint

    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 2019-09-12 445 0
  • vue项目接入sentry

    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 2019-08-08 447 0
  • Vue中进行单元测试

    Vue中进行单元测试

    单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作。 测试框架所谓”测试框架”,就是运行测试的工具。通过它,可以为 JavaScript 应用添加测试,从而保证代码的质量。类似的测试框架还有 Mocha、Jasmine、Karma、Tape 等 MochaMocha(发音”摩卡”)诞生于 2011 年,是现在最流行的 JavaScript 测试框架之一,在浏览器和 Node 环境都可以使用。 1.安装 npm install -g mocha2.测试脚本 Mocha 的作用是运行测...

    Vue 2019-08-07 285 0
  • Vue常见知识点总结

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

    Vue 2018-12-05 360 0
  • vue面试总结

    vue面试总结

    对于MVVM的理解MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。 View代表UI 组件,它负责将数据模型转化成UI 展现出来。 ViewModel监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。 在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间...

    Vue 2018-08-25 256 0
1