摘要: 1.当使用 vue-loader 或 vueify 的时候, *.vue 文件内部的模板会在构建时预编译成 JavaScript。 你在最终打好的包里实际上是不需要编译器的,所以只用运行时版本即可。(怎么配置把编译器去掉)2.为什么说new Vue没有完全遵循MVVM模型 3.Object.free 阅读全文
posted @ 2020-11-25 16:00 小凤凰之河北 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 使用方法简单举例: <template> <div class="box"> <el-scrollbar wrap-class="scrollbar-wrapper"> <div class="item" v-for="(n, index) in 10" :key="index"></div> </ 阅读全文
posted @ 2020-11-23 15:37 小凤凰之河北 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 1、你都做过哪些Vue的性能优化?( 统计后的结果 ) 1)编码阶段 尽量减少data中的数据,data中的数据都会增加getter和setter,会收集对应的watcher; 如果需要使用v-for给每项元素绑定事件时使用事件代理; SPA 页面采用keep-alive缓存组件; 在更多的情况下, 阅读全文
posted @ 2020-11-16 13:58 小凤凰之河北 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 一:nextTick在哪里使用?原理是? 核心答案: nextTick的回调是在下次DOM更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。nextTick主要使用了宏任务和微任务。原理就是异步方法(promise, mutationObserver, setImm 阅读全文
posted @ 2020-11-16 13:54 小凤凰之河北 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 一:Vue-router有几种钩子函数?具体是什么及执行流程是怎样的? 核心答案: 路由钩子的执行流程,钩子函数种类有:全局守卫、路由守卫、组件守卫。 完整的导航解析流程 1.导航被触发; 2.在失活的组件里调用beforeRouteLeave守卫; 3.调用全局beforeEach守卫; 4.在复 阅读全文
posted @ 2020-11-16 13:44 小凤凰之河北 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 一:Vue中的组件的data 为什么是一个函数? 核心答案: 每次使用组件时都会对组件进行实例化操作,并且调用data函数返回一个对象作为组件的数据源。这样可以保证多个组件间数据互不影响。 如果data是对象的话,对象属于引用类型,会影响到所有的实例。所以为了保证组件不同的实例之间data不冲突,d 阅读全文
posted @ 2020-11-16 13:41 小凤凰之河北 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 一:Vue的生命周期方法有哪些?一般在哪一步发起请求及原因? 核心答案: 总共分为8个阶段:创建前/后,载入前/后,更新前/后,销毁前/后。 1、创建前/后: 1) beforeCreate阶段:vue实例的挂载元素el和数据对象data都为undefined,还未初始化。 说明:在当前阶段data 阅读全文
posted @ 2020-11-16 11:51 小凤凰之河北 阅读(2445) 评论(0) 推荐(0) 编辑
摘要: 一:对 SPA 单⻚⾯的理解,优缺点是什么? SPA( single-page application )仅在 Web ⻚⾯初始化时加载相应的 HTML、JavaScript 和 CSS。⼀旦⻚⾯加载完成,SPA 不会因为⽤户的操作⽽进⾏⻚⾯的重新加载或跳转;取⽽代之的是利⽤路由机制实现 HTML 阅读全文
posted @ 2020-11-16 11:15 小凤凰之河北 阅读(574) 评论(0) 推荐(0) 编辑
摘要: <template> <div class="setPosition"> <div class="pie_warp"> <h2>{{title}}</h2> <div id="myChart" v-if="dataSetArr"></div> <p> 当日已处理单量: <span>{{dealDat 阅读全文
posted @ 2020-11-11 10:24 小凤凰之河北 阅读(401) 评论(0) 推荐(0) 编辑
摘要: function deepCompare(x, y) { var i, l, leftChain, rightChain; function compare2Objects(x, y) { var p; if (isNaN(x) && isNaN(y) && typeof x 'number' && 阅读全文
posted @ 2020-11-06 13:52 小凤凰之河北 阅读(142) 评论(0) 推荐(0) 编辑