vue 技巧_51CTO博客

vue高级技巧

1、索引数组的修改，vue无法劫持该数据进行响应式变化，代码如下：当btnClick触发时，视图并不会相应更新<template> <div> <span v-for="(item, index) in testData" :key="index"></span> </div></template>export...

vue

原创

兰亭古墨

2021-07-14 17:53:34

105阅读

Vue高级技巧

事件总线在非父子组件中是无法直接通信的。在vue中除了vuex可以统一管理状态，还有另外一种方法叫事件总线原理：在vue原型中创建Vue实例，利用vue的事件总线进行发射接收创建$bus Vue.prototype.$bus = new Vue() 发射事件 //参数可以省略 this.$

封装

ide

自定义指令

it技术

原创

爱代码3000

2022-01-10 17:03:32

346阅读

vue 使用技巧

vue脚手架运行命令不同，部署后的站点目录不同，下图解决该问题。 const {href} = this.$router.resolve({ name: "statistics-explain", params: { classID: id, examSubjectID: this.planCla ...

JAVA

转载

mb5fd8698f60f87

2021-09-14 08:50:00

48阅读

2评论

Vue 小技巧

【代码】Vue 小技巧。

vue.js

前端

javascript

ios

xml

原创

vx小程序猫脸码客

2024-09-05 09:53:51

27阅读

vue 调试技巧 window.vue=this

调试方法——控制台在vue文件中添加下方代码，将vue实例绑定到window的vue属性上mount

h

原创

朝阳39

2022-07-12 16:11:48

159阅读

vue的技巧代码

转载：https://segmentfault.com/a/1190000014085613 第一招：化繁为简的Watchers 场景还原：组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见，有没有办法优化一下呢？招式解析：首先，在wa

github

ico

作用域

转载

mb5fe55bba5ad74

2018-04-09 07:17:00

80阅读

2评论

vue 封装高级技巧

1. 组件如何透传属性和事件 v-bind="$attrs" v-on="$listeners"2. 封装table组件如何循环传子元素 $scopedSlots 子元素数组 <template v-for="(index, name) in $scopedSlots" v-slot:[name] ...

数组

封装

图片上传

表单

自定义

转载

mob604756e75222

2021-10-01 16:47:00

340阅读

2评论

监听组件的生命周期watch 的初始立即执行路由参数变化组件不更新路由懒加载require.context()递归组件自定义路径别名动态给修改dom的样式长列表性能优化内容分发(slot)事件修饰符表单修饰符生命周期函数组件 attrs 和 listeners路由守卫路由缓存 keepaliveVue.useVue.mixinVue.extendVue.directive监听组件的生命周期比如有父

vue页面使用function

插槽

Vue

数据

转载

mob64ca14010a69

2024-04-25 20:47:25

34阅读

vue 开发架构 vue开发小技巧

这里分享几个我使用到的vue开发小技巧一、状态共享使用Vue进行开发时，随着项目的复杂化，组件个数也逐渐增加，此时我们就面临着一个问题——多组件状态共享。当然有人会说使用Vuex来解决啊，但是如果此时我们的项目没有那么大那么复杂，在使用Vuex会导致繁琐冗余那该怎么办？其实我们还可以通过vue.js2.6版本新增的Observable API来解决这个问题。示例a) 创建一个 store.js

vue 开发架构

vue

java

python

react

转载

架构魔法师

2023-08-28 14:55:04

70阅读

Vue 实现请求转发【Vue小技巧】

在vue.config.js里面配置这个代理(找到config/index.js 配置文件)module.exports = { derServer:{ proxy:{ '/api':{ target:'http://localhost:3000'

请求转发

ios

配置文件

原创

Danna123

2022-05-26 12:22:16

1182阅读

vue 实站技巧总结

多个页面都使用的到方法，放在 vue.prototype上会很方便刚接触 vue的时候做过一件傻事，因为封装了一个异步请求接口post,放在 post.js文件里面，然后在每个需要使用异步请求的页面引入 import port from './xxxx/xxxx/post' 复制代码如果只是这样

数据

d3

封装

原创

axl234的博客

2022-04-06 10:22:56

132阅读

10个Vue开发技巧

在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。正确的做法是通过 props 解耦

Vue

转载

码小辫

2021-07-08 16:28:27

147阅读

Vue3 插槽技巧

最近想着使用Vue3+ElementPlus封装一个后台管理常用的Table组件,设计之初考虑到高自定义性,所以便延伸出以下的代码使用技术栈： Vue3.x ElementPlus Jsx Jsx 采用的并不是Vue提供的原生h函数,而是类似React的语法. npm install @vue/b ...

Vue

自定义

封装

技术栈

后台管理

转载

mob604756fa6ad7

2021-07-11 21:29:00

533阅读

2评论

vue 开发架构设计 vue开发小技巧

项目开发小技巧组件必须有一个根 div (.vue文件)如果你想要给插槽设置样式，则需使用一个div将其包裹起来，然后给div 设置样式line-height 要有内容才能撑起来，无法自动撑起设计模式：首页组件面向home.js开发，home.js 面向request.js开发；在home.js中写着首页所有请求的 url 和参数，到时候home.vue调用对应的函数就行home.vue —&g

vue 开发架构设计

vue.js

html

数据

加载

转载

mob64ca1412b28c

2023-11-09 09:11:03

43阅读

vue微信开发 debug vue开发小技巧

目录1. el-dialog 动态修改title值2. VUE父子页面传值3.Element-ui中关闭dialog时隐藏组件并销毁4. 让float属性不影响其它div及组件1. el-dialog 动态修改title值--------------注意title前面需要加冒号--------------<el-dialog :title="titleCode" :visible.sync=

vue微信开发 debug

初始化

页面传值

click事件

转载

冷月星

2023-08-02 10:32:36

86阅读

10个高级 Vue 编码技巧

英文 | https://betterprogramming.pub/advanced-vue-tricks-6e315347c378翻译 | 杨小二今天，我为你带来了一个系列精选的知识，以帮助你更快地构建 Vue 应用程序，同时，使它们更高效、更易于大规模管理。这些高级技巧从何而来？从我五年的 Vue开发中。从我用 Vue 2 和 Vue 3 中构建的 20 多个大型客户端项目中。从有影响力的

应用程序

数据

侧边栏

翻译

wx6332e0803afcf

2022-11-08 15:19:23

126阅读

11 个高级 Vue 编码技巧

今天，带来了一个系列精选的知识，以帮助你更快地构建 Vue 应用程序，同时，使它们更高效、更易于大规模管理。这些高级技巧从何而来？从我五年的 Vue开发中。从我用 Vue 2 和 Vue 3 中构建的 20 多个大型客户端项目中。从有影响力的 Vue 开发人员的平时开发技巧总结中。虽然，高级 Vue 开发人员会发现这些概念非常有用，但我已经详细概述了如何完成每个概念，因此不会让初学者掉队！如果你需

Vue

转载

Monstar_0°-蒙

2021-09-28 13:30:54

242阅读

12 种 Vue 的资源技巧

随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准，那有哪些标准呢？

Vue

转载

mb60efb0123ab42

2021-07-26 10:48:59

70阅读

Vue3 TypeScript使用技巧

defineComponent函数1. 定义slot参数（vue@3.3支持）TS Playgroundimport { defineComponent, type SlotsType } from 'vue'; const Comp = defineComponent({ slots: Object as SlotsType<{ header: { foo: string;

Vue

前端开发

小程序源码

原创

CRMEB众邦科技

2023-10-25 16:43:55

485阅读

VUE零碎小技巧1

1、回顾创建项目 vue create myapp 准备 scss 库修改了页面的主结构 App.vue 构建页面的基本结构分离页面主结构，创

ide

自定义指令

数据

原创

阿里CTO

2022-07-22 14:34:29

58阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

vue 技巧

vue高级技巧

Vue高级技巧

vue 使用技巧

Vue 小技巧

vue 调试技巧 window.vue=this

vue的技巧代码

vue 封装高级技巧

vue页面使用function vue使用技巧

vue 开发架构 vue开发小技巧

Vue 实现请求转发【Vue小技巧】

vue 实站技巧总结

10个Vue开发技巧

Vue3 插槽技巧

vue 开发架构设计 vue开发小技巧

vue微信开发 debug vue开发小技巧

10个高级 Vue 编码技巧

11 个高级 Vue 编码技巧

12 种 Vue 的资源技巧

Vue3 TypeScript使用技巧

VUE零碎小技巧1

VUE零碎小技巧1

Vue实战必会的几个技巧

Vue 项目性能优化技巧分享

Vue 使用中的小技巧

【技巧】VUE获取URL请求参数

Vue进阶：分享在Vue开发的6个技巧

vue3 exposes如何使用 vue3技巧

Vue 技巧：3个提升开发效率的实战技巧

你绝对疏忽的 vue 技巧 - 一