JZevin的博客

失败原因router-link标签本身会阻止click事件，使用常规的@click绑定点击事件自然会失败。解决方案@click之后添加native修饰符。<router-link to="/home" @click.native="changeRoute('home')"> 首页</router-link>...

vue项目中使用eslint来做代码规范检查时，在每次运行项目后就会指出你代码中的各种不规范的地方。各种红彤彤的报错，我滴妈！虽说不影响项目运行，但是作为一个程序猿，我接受不了……解决方案遇到问题，不要慌～ 报错信息放到百度翻译看一看先，可以发现，报错信息提示了我们该怎么做！1 error and 0 warnings potentially fixable with the `--fix` option.// 1个错误和0个警告可通过“--fix”选项修复。--fix 很明显是一个命令

报错分析今天在npm run serve运行Vue项目时，突然报出了一个依赖构建错误：Module build failed (from ./node_modules/babel-loader/lib/index.js)报错原因是babel的版本冲突了。具体的报错截图如下：解决方案最直接的解决方案就是升级或者降级babel的版本即可。但是这种方法的配置略显麻烦，这里推荐另一种更简单的，一行代码解决：npm install @babel/core @babel/preset-env安装好

Vue项目的详细目录结构解析

vue ui

命令行创建项目图形化界面创建项目

文章目录一. webpack开发 VS CLI开发1.1 webpack开发的痛点1.2 CLI工具二. Vue.js标准开发工具 —— Vue CLI 4.02.1 交互式的项目脚手架（@vue/cli）2.2 运行时开发环境依赖（@vue/cli-service）2.2.1 其它 CLI 插件的核心服务2.2.2 默认的 webpack 配置方案2.2.3 项目内部的 vue-cli-service 命令2.3 CLI 插件（@vue/cli-plugin）2.4 图形化界面（@vue/cli-ui）

文章目录一. watch适用场景二. Vue实例内部属性 watch2.1 基础形式2.2 一对多的实现原理2.3 完整形式2.3.1 watchObject 监听对象2.3.2 handler 函数2.3.3 deep 深度监听属性2.3.4 immediate 立即执行属性三. Vue实例方法 vm.$watch3.1 基础形式3.2 完整形式上一篇中详细介绍了Vue框架中的计算属性computed，我们说它常用来做数据监听，比如典型的多对一情况 —— 多数据监听和深度监听。一. watch适用场景

报错分析????‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。出现这个报错原因，着实不应该，是因为我们在启动项目之前，没有安装依赖…解决方案npm install / cnpm install使用npm install命令安装好依赖即可，没什么好说的，下次注意~...

报错分析????spawn cmd ENOENT在执行vue命令时，总是报如下错误：spawn cmd ENOENT，是因为电脑环境变量system32的缺失。解决方案%SystemRoot%\system32在系统环境变量的用户Path变量里添加 %SystemRoot%\system32 即可，亲测有效~...

文章目录一. 通过methods引入computed的概念1.1 methods版本1.2 computed版本二. computed全面解读2.1 computed本质2.1.1 调用方式2.1.2 完整写法（setter方法）2.2 响应式依赖2.3 computed作用原理2.4 computed适用场景2.4.1 多数据监听2.4.2 深度监听???? PART ONE ????如果你已经对计算属性computed有过初步的了解，建议直接阅读 第二部分 ????一. 通过methods引入

文章目录一. 文本插值1.1 Mustache语法 (双大括号 {{ }} )1.2 v-text1.3 v-once二. HTML片段三. 属性（Attribute）3.1 v-bind指令3.2 class绑定3.3 style绑定四. 简单JavaScript 表达式一. 文本插值1.1 Mustache语法 (双大括号 {{ }} )数据绑定最常见的形式。HTML文档解析的时候，Vue会自动将Mustache标签内的属性名替换为对应数据对象中的属性（property）值。只要数据对象中的属性（

二. 八大声明周期beforeCreate初始化之前，还不可以使用实例方法中的属性和方法created初始化完成，可以使用属性和方法beforeMount挂在前，判断当前是否有模板mounted挂载后，容器就可以使用属性和方法beforeUpdate更新前，可以多次执行updated更新后，可以多次执行beforeDestroy销毁前Destroy销毁后...

文章目录一. 知识背景1.1 学习必要性 —— 提高开发效率1.2 前端框架历史与现状1.3 框架与库的区别二. Vue框架概述2.1 Vue是一套渐进式JavaScript框架2.1.1 自底向上增量开发的设计模式2.1.2 三大框架的主张强势对比2.2 发展历史及作者2.3 特点三. Vue核心理念一 —— 声明式渲染四. Vue核心理念二 —— MVVM模式4.1 回顾传统MVC模式4.2 MVVM模式的实现者4.3 双向数据绑定4.4 响应式的更新机制五. Vue核心理念三 —— 虚拟DOM5.1.