vue高级技巧_51CTO博客

Vue高级技巧

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

封装

ide

自定义指令

it技术

原创

爱代码3000

2022-01-10 17:03:32

294阅读

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

96阅读

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

301阅读

2评论

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

应用程序

数据

侧边栏

翻译

wx6332e0803afcf

2022-11-08 15:19:23

110阅读

11 个高级 Vue 编码技巧

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

Vue

转载

Monstar_0°-蒙

2021-09-28 13:30:54

225阅读

高级 Vue 技巧：控制父类的 slot

首先来思考一个问题：是否有一种方法可以从子组件填充父组件的插槽？最近一位同事问我这个问题，答案很简单：可以的。但我的解决方案可能和你想的完全不一样，这是涉及一个棘手的vue架构问题，但也是一个非常有趣的问题。为什么会有这个问题在我们的应用程序中，我们有一个顶部栏，其中包含不同的按钮、搜索栏和其

插槽

应用程序

解决方案

子树

依赖注入

转载

mob604756fe27f4

2020-10-03 18:07:00

110阅读

2评论

高级Vue前端技巧之require.context

本文介绍Vue前端开发中require.context方法的使用技巧

vue

webpack

require.context

原创

googlingman

2020-11-08 07:48:41

4018阅读

vue 使用技巧

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

JAVA

转载

mb5fd8698f60f87

2021-09-14 08:50:00

38阅读

2评论

Vue 小技巧

【代码】Vue 小技巧。

vue.js

前端

javascript

ios

xml

原创

钓了猫的鱼儿

14天前

13阅读

总结 Vue 知识体系之高级技巧应用篇

讲述一些 Vue 开发中的几个高级用法！

Vue

转载

酸菜鱼+黄焖鸡

2021-07-05 09:31:44

186阅读

总结 Vue 知识体系之高级技巧应用篇

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可...

vue

javascript

js

css

plugin

原创

酸菜鱼+黄焖鸡

2021-09-15 11:54:00

98阅读

JS高级技巧

安全的类型检测惰性载入函数函数绑定函数绑定 ...

script

转载

沉迷学习中

2018-03-13 09:35:35

882阅读

typescript 高级技巧

用了一段时间的typescript之后，深感中大型项目中typescript的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的pac...

typescript

ios

html

开源项目

scala

转载

酸菜鱼+黄焖鸡

2021-09-14 14:55:26

100阅读

CSS 高级技巧

速度，出现了CSS精灵技术，也称 css sprite， css雪碧。把压缩包里面的selection.json 重新上传，然后选取自己想要的图标，重新下载压缩包，并替换原来的文件即可。如果在工作中，原来的字体图标不够用了，我们需要添加新的字体图标到原来的字体文件中。

css

前端

字体图标

ico

服务器

原创

wx623be5bda3857

2023-07-06 15:54:13

38阅读

shell 高级技巧！！！！！

***************************常用的shell命令汇总*********************************一、硬件篇1、cpu相关lscpu #查看CPU的统计信息cat /proc/cpuinfo &nbsp

shell

原创精选

自然如来

2016-07-30 18:06:28

965阅读

typescript 高级技巧

用了一段时间的typescript之后，深感中大型项目中typescript的必要性，它能够提前在编译期避免许多bug，如很恶心的拼写问题。而越来越多的package也开始使用ts，学习ts已是势在必行。以下是我在工作中总结到的比较实用的typescript技巧。01keyofkeyof与Object.keys略有相似，只不过keyof取interface的键。interfacePoint{x:n

java

原创

mb5ff591cb6ec96

2021-01-28 12:21:59

276阅读

CSS高级技巧

使用CSS复位css复位可以在不同的浏览器上保持一致的样式风格，可以使用css reset库的Normalize等，也可使用更简化的复位方法：* { box-sizing: border-box; margin: 0; padding: 0;}现在元素margin和padding为0，box-sizing可以设置css盒模型布局。继承box-sizing从html元素继承box-siz

CSS教程

前端开发

网页布局

转载

爱是与世界平行

2021-06-01 11:38:09

190阅读

typescript 高级技巧

Vue3.0 使用 TS 重写，重写后的 Vue3.0 将更好的支持 TS。2020 年 TypeScript 将会更加普及，能够熟练掌握 TS，并使用 TS 开发过项目，将更加成为前端开发者的优势。

Vue

转载

酸菜鱼+黄焖鸡

2021-07-08 14:58:32

103阅读

CSS高级技巧

CSS高级技巧CSS用户界面样式所谓的界面样式，就是更改一些用户操作样式，比如更改用户的鼠标样式，表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。防止表单域拖拽鼠标样式cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。<ul> <li style="cursor:default">我是小白<...

css

表单

基线

拖拽

块元素

原创

wx612f45b709d99

2021-09-02 09:50:04

144阅读

CSS高级技巧

CSS高级技巧:使用 :not() 在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的 nth-child 选择项目对图标使用SVG优化显示文本对纯CSS滑块使用 max-height继承 box-sizing表格单元格等宽用Flexbox摆脱外边距的各种hack使用属性选择器用于空链接使用 :not() 在菜单上应用/取消应用边框先给每一

css

CSS

SVG

html

原创

zhongqi2513

2016-02-22 20:38:27

164阅读

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

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

51CTO博客

vue高级技巧

Vue高级技巧

vue高级技巧

vue 封装高级技巧

10个高级 Vue 编码技巧

11 个高级 Vue 编码技巧

高级 Vue 技巧：控制父类的 slot

高级Vue前端技巧之require.context

vue 使用技巧

Vue 小技巧

总结 Vue 知识体系之高级技巧应用篇

总结 Vue 知识体系之高级技巧应用篇

JS高级技巧

typescript 高级技巧

CSS 高级技巧

shell 高级技巧！！！！！

typescript 高级技巧

CSS高级技巧

typescript 高级技巧

CSS高级技巧

CSS高级技巧

Promise高级技巧

vue 调试技巧 window.vue=this

GDB高级技巧

高级调试技巧

css高级技巧

CSS：高级技巧

JavaScript高级技巧

今天，学会这几个Vue高级实战技巧就够了!

大厂 2 个 Vue 高级实践技巧总结，效率提升 80%！

51CTO博客

vue高级技巧

Vue高级技巧

vue高级技巧

vue 封装高级技巧

10个高级 Vue 编码技巧

11 个高级 Vue 编码技巧

高级 Vue 技巧：控制父类的 slot

高级Vue前端技巧之require.context

vue 使用技巧

Vue 小技巧

总结 Vue 知识体系之高级技巧应用篇

总结 Vue 知识体系之高级技巧应用篇

JS高级技巧

typescript 高级技巧

CSS 高级技巧

shell 高级技巧！！！！！

typescript 高级技巧

CSS高级技巧

typescript 高级技巧

CSS高级技巧

CSS高级技巧

​​Promise​​高级技巧

vue 调试技巧 window.vue=this

GDB高级技巧

高级调试技巧

css高级技巧

CSS：高级技巧

JavaScript高级技巧

今天，学会这几个Vue高级实战技巧就够了!

大厂 2 个 Vue 高级实践技巧总结，效率提升 80%！

Promise高级技巧