{代码...} Promise > MutationObserver > setImmediate > setTimeoutMutationObserver能监听一个DOM对象上发生的子节点删除、属性修改、文本内容修改等 {代码...} 熟悉任务执行机制就能了解

最近从vue使用转到react使用，之前研究过vue的diff算法，闲来看了看react的diff源码，写一点自己的见解1.vue的diff算法diff算法发生在虚拟dom上判断是否同一个节点：selector和key都要一样diff规则：只比较同层的节点，不同层不做比较。删除原节点，并且新建插入更新节点（实际开发中很少遇到）新旧节点是同层节点，但不...

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发

【vue.js】bin/vue.js利用commander来定义命令选项create，将create命令匹配到create方法(lib/create.js)，执行该方法;

一、引入并创建nuxt项目确认已经安装 npx ( npx 依附于 npm 5.2.0 安装引入) {代码...} 或者在 npm v6.1版本后 可以这样创建: {代码...} 或者用： yarn: {代码...} 二、引入axios库1、使用nuxt自带模块 {代码...} 1) 、在 nuxt.config.js 中引入 {代码...} 2) 、页面内使用 $axios 获取数据，并用 $config 获取 API 接口...

在vuecli中构建使用vue-awesome-swiper组件没有任何问题，但是加上ssr就一直会报错，原生组件的切换上一个下一个的按钮不显示，即便是显示了点击也不会生效，后面排查也不知道是不是电脑硬件的问题，我们使用要求切换按钮需要自定义（包括按钮行为）

这样在页面中只要调用那个定义的方法，然后传参(参数可以用对象的形式传过去，自己改一下就行了)过去就能实现弹窗，不用再每个页面去引入组件，data定义一个变量去保存message，components注册组件，再调用加载绑定

大型项目中，不管首页需不需要那么多变量，vuex都会一次性打包进去，vuex会很大，因为都是一次性加载的需求：按需异步加载vuex解决方案如下第一步： 把.vue文件对应的vuex拆分出来，第二步：在xxx.vue文件里面添加 name 和 isNeedVuex 属性注意：为了保证引入store下的文件名字跟组件命名一样，请自行选择合理的命名方式...

这是一篇教程，从创建项目到改造项目vue-cli创建一个项目在放你做demo的地方，创建一个项目 {代码...} 经过漫长的等待，下载好文件开始我们的改造之路文件目录进入vue-ssr文件夹，使用命令 {代码...} 把vue-router装上先安装几个依赖插件 {代码...} 修改package.json文件 {代码...} 根目录下创建vue.config.js {代码...}...

2、 运行 npm install（一般还是用cnpm i）3、 在 resume/ 目录中自定义编辑简历，诸如将图片换成个人证件照4、 用npm run dev进行预览，在浏览器中打开（http:// localhost:8080/home）。该页面将显示一些简历预览。5、 用 npm run export 导出简历，所有简历将导出至/pdf文件内。

用vue-cli创建一个项目，windows----QDD一直都习惯了Git bash去开始整一个东西。不想win+r，再去cmd啊但是他不管用啊，不能选择我们要的配置，强迫症真的难受！！！唉，官方给了个这么滴说明，来整一下吧警告如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须通过 winpty vue.cmd create hello...

在对象中包装值似乎不必要，但在 JavaScript 中保持不同数据类型的行为统一是必需的。这是因为在 JavaScript 中，Number 或 String 等基本类型是通过值传递的，而不是通过引用传递的。

在列表数据进行遍历渲染时，需要为每一项 item 设置唯一 key 值，方便 Vue.js 内部机制精准找到该条列表数据。当 state 更新时，新的状态值和旧的状态值对比，较快地定位到 diff 。

页面的路径为http://localhost:8080/#/detail?id=1，可以看到传了一个参数id=1，并且就算刷新页面id也还会存在。此时在c页面可以通过id来获取对应的详情数据，获取id的方式是this.$route.query.id

VUE3都beta了，关注的同学都知道了吧，开不开心都要继续学，毕竟是自己饭碗的问题废话不多说，现在就来对比我们常用的使用对比组合式API的使用创建模板对于大多数组件，Vue2和Vue3中的代码即使不完全相同，也是非常相似的。但是，Vue3支持片段，这意味着组件可以有多个根节点。这在呈现列表中组件以删除不必要的包装器di...

sass-loader报错：Module build failed (from ./node_modules/_sass-loader@8.0.0@sass-loader/dist/cjs.js):ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

对于microtasks(微任务)和macrotasks(宏任务),vue在2.4版本之前一直用microtasks，但是它的优先级太高，在某些情况下可能会出现逼时间冒泡更快执行的情况；如果全部使用macrotasks，对于大数据DOM会出现渲染性能问题。所以在新版本中(vue版本超过2.4)默认使用microtasks，在特殊情况下会使用macrotask，比如在使用v-on绑...

前言 2018年11月16日，关注vue的人都知道这个时间点发生了什么事儿吧。vue3.0更新内容 研究数据双向绑定的大佬们都在开始猜测这个新机制了，用原生Proxy替换Object.defineProperty 1. 为什么要替换Object.defineProperty 替换不是因为不好，是因为有更好的方法使用效率更高 Object.defineProperty的缺点： 在Vue中，Obje...

配置文件：使用一个js，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里，这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。

确实，使用过vue的框架做开发的人都会感觉到，以前写一大堆操作dom，bom的东西，现在用不着了，对开发者来说更容易去注重对操作逻辑的思考和实现，省了不少事儿呢！！！