Vue
关注
分享
扫一扫
文章平均质量分 51
Vue.js是渐进式JavaScript 框架
Mr_Bobcp
该用户资料受国家保护，不予公布。
展开
-
Vue项目中使用Three.js写Web3D页面问题记录
在Vue项目中使用Three.js出现明显卡顿现象：单页写的物体自动移动移植到Vue项目中明显卡顿原因：用浏览器开发者工具中的Performance分析网页性能，发现有一项reactiveGetter耗时占比高，展开其中包含调用Three.js相关函数，结合Vue响应式原理，Vue会对data里面的变量进行变化追踪，占用了资源。解决方法：将data中的数据写到mounted中或者定义当页局部变量在Vue项目中退出动画页面还会调用requestAnimationFrame现象：在Vue项目中某页面W原创 2022-01-19 16:32:13 · 17720 阅读 · 0 评论 -
Vue 中的 v-if 和 v-show 的区别
首先我们看一下Vue中文社区说明文档的介绍:v-if vs v-showv-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地原创 2020-12-31 14:07:33 · 16225 阅读 · 0 评论 -
Vue.js中判断某对象数组中某个对象属性值是否与传入的对象对应属性值相同
在Vue.js中判断某对象数组中某个对象属性值是否与传入的对象对应属性值相同JavaScript访问对象属性用点号和中括号的区别：点号后加标识符（静态的）中括号放字符串，字符串可以是动态的，obj[‘string’+variable]// 判断某对象数组中的某个属性值是否与传入的对象对应属性值相同,返回值为索引值，包含0Existed(Array,inputObj,inputProp){ for (let i in Array){ if(Array[i][inputProp] == i原创 2020-11-25 16:32:02 · 20541 阅读 · 0 评论 -
Vue @click 绑定的函数，同时传入事件对象和自定义参数
虽然是从Vue.js中了解到的，但是挺多地方也是适用的。一、仅仅传入事件对象HTML<div id="app"> <!-- 不写任何参数 --> <button @click="click">click</button></div>JSnew Vue({ el: '#app', methods: { click: function(event){ // 事件对象会自动传入第一个参数 console原创 2020-11-26 15:42:54 · 19258 阅读 · 0 评论 -
Vue的this.$set()单页演示
源码位置: vue/src/core/observer/index.js/** * Set a property on an object. Adds the new property and * triggers change notification if the property doesn't * already exist. */export function set (target: Array<any> | Object, key: any, val: any): an原创 2020-11-12 17:41:45 · 16182 阅读 · 1 评论 -
Vue.js 循环语句 v-for指令
Vue.js循环使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。注意：v-for循环的时候，key属性只能使用number或String。key在使用的时候，必须使用v-bind属性绑定的形式，指定key的值。在组件中使用v-for循环的时候，或者在一些特殊情况中，如果v-for有问题，必须在使用v-for的同时，指定唯一的 字符串/数字 类型 :key值。<html>原创 2020-10-27 20:34:10 · 16830 阅读 · 0 评论