vue
@Kayn
今天,你进步了吗?
展开
-
Vue3 子组件监听父组件传来异步数据的正确方式
来监听父组件数据,发现没有必要反而造成代码冗余,如果参数一多很难维护。正确方式:直接使用computed监听就好。原创 2024-06-18 17:25:38 · 293 阅读 · 0 评论 -
Vue router获取所有路由
console.log(router.options.routes);原创 2021-08-29 18:09:35 · 12441 阅读 · 1 评论 -
Vue核心:插槽
什么是插槽?插槽是一种传递复杂内容的一种方式,它目前取代了slot和slot-scope,插槽内容vue实例一套内容分发的api,将slot元素作为承载分发内容的出口。插槽的用法1.具名插槽通俗来将具名插槽就是slot指定名称,可以用来定义额外的插槽,容易区分。1.1 定义组件,定义插槽 name="icon"Vue.component('todo-item', { template: `<li><span><slot name="ico原创 2021-08-22 15:08:36 · 106 阅读 · 0 评论 -
js 更改json数组的属性名称
需求:从后台获取到JSON数据,因为属性名字太长了,想.的时候简短一些。记录一下知识点:map()根据当前数组映射出一个新的数组,map和forEach等遍历方法不同,在forEach中return语句是没有任何效果的,而map则可以改变当前循环的值,返回一个新的被改变过值之后的数组(map需return),一般用来处理需要修改某一个数组的值。 let newTable = _this.fuelList.map((item) => { let obj = { .原创 2021-05-08 15:39:30 · 1529 阅读 · 0 评论 -
vuecli安装时 runtime-compiler和runtime-only区别
一、引用在使用vuecli2.x脚手架时候,有两个 runtime-Compiler和runtime-only选项runtime-Compiler推荐大多用户使用runtime-only 比上面那种模式轻大约 6KB二、区别1、runtime-only 比 runtime-compiler 轻 6kb2、runtime-only 效率更高,打包更快3、runtime-only 其实只能识别render函数,.vue文件中的也是被 vue-template-compiler 翻译成了ren原创 2021-04-21 12:01:46 · 236 阅读 · 0 评论 -
webpack配置webpack-dev-server遇到的问题
转:https://www.cnblogs.com/xuehaoyue/p/6410095.html#_label0_5需要在开发时依赖安装局部webpack转载 2021-04-15 12:22:09 · 260 阅读 · 0 评论 -
vue与Android之间的传值
1.vue调用Android方法: window.android.方法名 // 方法名后加()2.vue接收Android传过来的值methods : { // 接收Android传过来的值方法 getAndroidValue(value) { console.log(value) }},mounted: { window.getAndroidValue = this.getAndroidValue; // 把本地方法挂载到window中}...原创 2021-04-12 14:29:45 · 1412 阅读 · 0 评论 -
Vue生命周期解析
转载 2021-01-30 21:11:39 · 132 阅读 · 0 评论 -
vue 渐进式框架理解
vue渐进式笔者理解的“渐进式框架”也非常简单,就是用你想用或者能用的功能特性,你不想用的部分功能可以先不用。VUE不强求你一次性接受并使用它的全部功能特性。场景一:公司刚开始一个项目,技术人员对Vue的掌握也不足够。那么我们就不能使用VUE了么?当然不是,如果你只是使用VUE做些基础操作,如:页面渲染、表单处理提交功能,那还是非常简单的,成熟技术人员上手也就一两天。完全可以用它去代替jquery。并不需要你去引入其他复杂特性功能。场景三:我们的项目规模逐渐的变大了,我们可能会逐渐用到前端路由、状态原创 2020-12-15 12:37:34 · 1717 阅读 · 4 评论