iceice_L的博客

Vue-Router 笔记 使用 import Vue from 'vue'; import Router from 'vue-router'; ​ Vue.use(Router); const router = new Router({ config }); ​ new Vue({ router, render: h => h(); }).$mount('#app'); ​ // vue.beforecreate ​ // <router-view></rou...

Vue 源码笔记 使用 import Vue from 'vue'; new Vue({ render: h => h(component), // router }).$mount('#app'); Vue 实例 initData function initData { let data = vm.$options.data // 组件复用，不为函数，实例保持同一个对象的引用，导致数据污染 data = vm._data = typeof data === 'functio

这里写自定义目录标题抛砖_Vue响应源码响应式流程图代码实现参考 抛砖_Vue响应 源码响应式流程图 代码实现 class Vue { // Vue 构造类 constructor(options) { this._data = options.data; observer(this._data); // 新建一个Watcher观察者对象，这时候Dep.target会指向这个Watcher对象 // 源代码中, ./instance/index.js->st

1、vue单元测试工具/框架概述 vue test utils vue test utils 通过将组件隔离挂载，然后模拟必要的输入 ( prop、注入、用户事件) 和对输出 (渲染结果、触发的自定义事件) 的断言来测试Vue组件。 vue-test-utils 链接：https://vue-test-utils.vuejs.org/zh karma 基于 node 的 js 测试...

前言 本文只是个人笔记，记录关于webpack的粗浅知识，内容可见多数文章。 一、webpack 的基本概念 Entry：指定webpack开始构建的入口模块，从该模块开始构建并计算出直接或间接依赖的模块或者库； Output：告诉webpack如何命名输出的文件以及输出的目录； Loaders：由于webpack只能处理javascript，所以我们需要对一些非js文件处理成webpa...