随笔分类 - Vue
Vue是一套用于构建用户界面的渐进式框架。
摘要：一、Vue3有了解过吗？能说说跟Vue2的区别吗？ 关于vue3的重构背景，尤大是这样说的： Vue 新版本的理念成型于 2018 年末，当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，但在这段时期，前端世界已经今昔非比了，在我们更新（和重写）Vue 的主要版本时
阅读全文
摘要：一、Vue 3.0中Treeshaking特性是什么，并举例进行说明？ Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination。 简单来讲，就是在保持代码运行结果不变的前提下，去除无用的代码。 如果把代码打包比作制作蛋糕，
阅读全文
摘要：一、react 和 vue 有什么区别？ React 是由Facebook创建的JavaScript UI框架，React推广了 Virtual DOM( 虚拟 DOM )并创造了 JSX 语法。JSX 语法的出现允许我们在 javascript 中书写 HTML 代码。 VUE 是由尤雨溪开发的，
阅读全文
摘要：一、说下Vite的原理 将Vite之前，需要先从与Vite紧密相关的两个概念的发展史说起，一个是JavaScript的模块化标准，另一个是前端构建工具。 共存的模块化标准 为什么JavaScript会有多种共存的模块化标准？因为js在设计之初并没有模块化的概念，随着前端业务复杂度不断提高，模块化越来
阅读全文
摘要：众所周知，现在的面试越来越卷，面试造火箭，为了跟上形势，鸽了这么久，我也来学点新东西吧。 一、说说vue中的diff算法 讲一个东西之前，首先得先了解它是做什么的，我们知道，渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可
阅读全文
摘要：背景 公司业务有个角色权限设置的需求，数据可能有5到6层的权限，本来是想直接使用elementui的el-tree组件的，奈何ui难以修改，要做成公司想要的样子，只好自己写了。 数据结构 后台返回的数据结构是这样的： 接口权限数据 { code: 0, msg: null, data: [ { ap
阅读全文
摘要：在业务中，我们有时候会遇到需要表格合并的情况，而且是需要动态的根据返回的数据内容去合并。 mergeLineMethod (){//处理合并表格数据 this.mergeLineArr = [] this.mergeLineIndex = 0 let mergeLine = this.list me
阅读全文
摘要：更新于2020-4-26 今天被这个东西搞死了，排查了一下午，才找到是这个问题，发现$on接收的回调调用了很多次。问题是这样的，这个界面生命周期里$on进行了接收，当快速的从这个界面跳转走，再跳转回来，来回数次， 发现$on接收了数次，主要是我在beforeDestroy里进行了$off销毁，还是触
阅读全文
摘要：beforeCreated阶段 initLifecycle(vm) initEvents(vm) initRender(vm) 此时el, data, 以及页面数据为空 created阶段 initInjections(vm) initState(vm) initProvide(vm) 实例化创建完
阅读全文
摘要：1.响应式系统简述: 任何一个 Vue Component 都有一个与之对应的 Watcher 实例。 Vue 的 data 上的属性会被添加 getter 和 setter 属性。 当 Vue Component render 函数被执行的时候, data 上会被 触碰(touch), 即被读,
阅读全文
摘要：1.如果原来安装过vue-cli,需要先卸载，命令：npm uninstall vue-cli -g ；这步如果出现问题，可能是npm 的全局路径被更改， 运行如下命令：npm config set prefix /usr/local 2.安装vue-cli3，npm install -g @vue
阅读全文
摘要：this.$options.data() 这个可以获取原始的data值，this.$data 获取当前状态下的data,拷贝重新赋值一下就行了。 Object.assign(this.$data, this.$options.data());
阅读全文
摘要：Object.defineProperty本身有一定的监控到数组下标变化的能力：Object.defineProperty本身是可以监控到数组下标的变化的，但是在 Vue 中，从性能/体验的性价比考虑，尤大大就弃用了这个特性。具体我们可以参考 《记一次思否问答的问题思考：Vue为什么不能检测数组变动
阅读全文
摘要：在严格模式下确实有问题，解决方案： https://vuex.vuejs.org/zh/guide/forms.html
阅读全文
摘要：VM 主要做了两件微小的事情： 从 M 到 V 的映射（Data Binding），这样可以大量节省你人肉来 update View 的代码（将数据绑定到view） 从 V 到 M 的事件监听（DOM Listeners），这样你的 Model 会随着 View 触发事件而改变 （view改变的时候
阅读全文
摘要：有这样的需求，父组件绑定v-model，子组件输入更改父组件v-model绑定的数值。是怎么实现的呢？ 实际上v-model 只是语法糖而已。 <input v-model="inputValue" /> <input v-bind:value="inputValue" v-on:input="in
阅读全文
浙公网安备 33010602011771号