vue组件

前端开发过程中常用网站

1.UI库Vant-高效的Vue组件库，再造一个有赞移动商城也不在话下Bootstrap-简洁、直观、强悍的前端开发框架Element-网站快速成型工具，一套为开发者、设计师和产品经理准备的基于Vue2.0
沫之·2021-12-09 20:07

通过Element ui往页面上加一个分页导航条的方法

在elementui官网选择Pagination分页组件进入elementui官网，然后选择一个合适的分页组件，如下图：UserList.vue组件的template模板中的分页组件的代码和效果分页组件的代码如下图
·2021-12-08 17:16

通过编写简易虚拟DOM，来学习虚拟DOM 的知识！

最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢各位了。github地址：htt
·2021-12-06 08:18

vue中mixins的使用方法和注意地方

mixins（混入），官方的描述是一种分发Vue组件中可复用功能的非常灵活的方式，mixins是一个js对象，它可以包含我们组件中script项中的任意功能选项，如data、components、methods
LYHappy&·2021-12-03 15:56

如何在 Vue 中使用 防抖 和 节流

在本文中，你会了解到如何在Vue组件中使用防抖和节
·2021-12-01 11:34

vue3 高阶 API 大汇总，强到离谱

一、Mixin混入mixin混入，提供了一种非常灵活的方式，来分发vue组件中的可复用功能，一个mix
前端人·2021-12-01 09:00

vue项目中使用ts（typescript）入门教程

目录1、引入Typescript2、配置文件webpack配置3、让项目识别.ts4、vue组件的编写data()中定义数据props传值完整代码案例最近项目需要将原vue项目结合ts的使用进行改造，这个后面应该是中大型项目的发展趋势
·2021-11-30 11:23

Vue组件之间的数据共享详解

目录一、在项目开发中，组件之间的最常见的关系分为如下两种：1.1父子组件之间的数据共享1.父->子共享数据2.子->父共享数据1.2兄弟组件之间的数据共享总结一、在项目开发中，组件之间的最常见的关系分为如下两种：1.父子关系2.兄弟关系1.1父子组件之间的数据共享父子组件之间的数据共享又分为：1.父->子共享数据子组件：父组件：2.子->父共享数据子组件向父组件共享数据使用自定义事件。示例代码如下
·2021-11-29 18:00

Vue混入使用和选项合并详解

目录1、在组件中使用2、选项合并总结1、在组件中使用混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
·2021-11-27 11:27

从一次前端公共库的搭建中，深入谈谈tree shaking相关问题

比如对前端数据库indexedDB的封装、对fetch请求进度和中断请求功能的扩展、以及可能会在多个项目使用的react和vue组件。
·2021-11-26 15:50

vue仿网易云音乐播放器界面的简单实现过程

前端简单的使用vue组件和audio标签实现了播放器界面，后端则是调用网易云的API获取对应的歌曲信息。
·2021-11-26 14:34

Vue组件中使用防抖和节流实例分析

在监听频繁触发的事件时，一定要多加小心，比如用户在输入框打字、窗口大小调整、滚动、IntersectionObserver事件。这些事件总是被频繁触发，可能几秒一次。如果针对每次事件都发起fetch请求（或类似的行为），那显然是不明智的。我们需要做的就是减缓事件处理程序的执行速度。这种缓冲技术就是防抖（debounce）和节流（throttle）。1.观察者防抖我们先从一个简单的组件开始，我们的任
·2021-11-26 10:37

Vue高频面试问题（含答案），面试官直呼好家伙~

4.Vue组件间通信有哪几种方式？5、computed和watch的区别和运用的场景？6、vue-router路由
前端老实人·2021-11-25 11:32

前端周刊：2021-14期

前端开发用require.context批量引入vue组件最近知道的webpackapi，需要批量引入组件的时候非常好用使用Jenkins+Gitlab集成Flutter自动化打包(Android)，并发布到蒲公英开发
·2021-11-24 15:04

form-create 3.0 版本发布，好用的Vue3版本动态表单生成组件

支持2个UI框架，并且支持生成任何Vue组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。
xaboy·2021-11-23 16:00

Vue组件通信—provide/inject

vue开发中组件通信可谓是非常常见的操作的，而组件通信最常用的肯定是props，但是props使用于父子组件通信还比较方便，但是组件层级较多就时，props操作起来就显得十分繁琐，也不便于书写；注：为了方便，我就直接把inject放在子组件中provide/inject基本格式父组件中provide格式{{a}}importtestfrom'./compoent/test.vue'exportde
生爱_存在·2021-11-23 14:51

Vue 组件间传值

Vue组件与组件之间的传值主要分为三种：父组件传值给子组件子组件传值给父组件组件间的互相传值1.父组件传值给子组件通过props传值父组件传值给子组件，主要通过组件自定义props属性来完成，通过此属性用来接收来自父组件传递的数据
MaKaBaKa009527·2021-11-22 21:20

Vue3 table表格组件的使用

因此，我们要使用AntDesignVue组件库中的table组件，来进行数据的绑定。1、官网地址官网地址：https://2x.antdv.com/components/table
·2021-11-22 01:48

vue组件通信的多种方法详解

目录1.父传子2.子传父3.非父子组件传值4.vuex5.refs6.$children7.$parent8.provide&inject9.$attrs10.$listeners总结说起组件通信，可能大家耳熟能详的有以下5种：1.父传子父组件通过自定义属性给子组件传值，子组件用props接收2.子传父父组件在子组件标签上自定义事件，子组件通过$emit来触发自定义事件，并且可以传递参数3.非父子
·2021-11-21 17:14

vue中混入mixins的使用方法

同时，这个mixins也分为局部混入和全局混入vue中的解释是这样的，如果觉得语言枯燥的可以自行跳过嘿~混入(mixins)：是一种分发Vue组件中可复用功能的非常灵活的方式。
·2021-11-21 13:31

21.Vue组件的自定义事件

一种组件间通信的方式，适用于：子组件===>父组件使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。绑定自定义事件：第一种方式，在父组件中：或第二种方式，在父组件中：......mounted(){this.$refs.xxx.$on('east',this.test)}若想让自定义事件只能触发一次，可以使用once修饰符，或$once方法。触
黑咔·2021-11-20 23:49

Vue整合CKeditor配置、初始化、虚拟dom无法通过id获取等问题解决

3.在vue组件中使用的时候可能会存在一个虚拟dom无法通过id获取的问题。这里如果能直接将CKEDITOR做replace上去的，那么直接就成功了。
有料美拓·2021-11-20 08:05

如何用vue实现网页截图你知道吗

目录1、安装html2Canvas2、在需要的vue组件中引入3、编写一个截图按钮4、调用函数toImage总结1、安装html2Canvasnpminstallhtml2canvas--save2、在需要的
·2021-11-17 11:33

md-loader

简单的说就是“自定义结构”，像element-ui中对代码的描述为，中间的YOU_CODE可以放简单的vue组件代码。这种结构通常都需要单独的提取方式，而提起
·2021-11-16 11:32

「后端小伙伴来学前端了」关于 Vue中的 props

然后就下定决心来好好整vue组件，其实我觉得还蛮好玩的。接下来就让我们看看组件必会的props了解这个之前一定得懂点组件基础哈。介绍vue.js文档在props这节真就是
·2021-11-13 21:25

Vue3学习（十一）之 table表格组件的使用

因此，我们要使用AntDesignVue组件库中的table组件，来进行数据的绑定。1、官网地址官网地址
久曲健·2021-11-13 20:00

Vue理论-随笔

2.Vue组件中的data为什么必须是个函数，而根实例时则没有该限制？主要是为了防止数据污染，组件有可能会是多个，也就是说多个Vue组件共用一个da
·2021-11-09 17:58

VueX复习

-获取state中的数据，类似于组件中的计算属性actions异步操作异步操作在vuex中可以进行异步操作（ajax），异步操作不能修改statemodules模块化状态管理多状态文件管理时使用首先，Vue
tby_37·2021-11-09 12:08

Echarts实现一张图现切换不同的X轴(实例代码)

方法因为项目需要展示的数据图表比较多我选择的是把每一张图表封装成一个vue组件来引用。
·2021-11-06 18:26

Vue组件之间的通信方式(简单上手理解)

亦或创建了一个可以实现些许功能的包一样,都有复用,维护,以及避免了变量的污染等好处.对于组件来说,封装了是一整套,包括html,css,js,实现的是一套完整的复用,为了方便修改组件的内容,但是又可以实现不一样的效果,则出现了Vue
smouns_·2021-11-06 12:34

Vuex学习总结

3.Vuex的组成结构4.安装二、Vuex核心1.store(1)、创建store(2)、在Vue组件中获得Vuex状态(3)、mapState辅助函数(4)、对象扩展运算符2.getters(1)、通过属性访问
小吉冲冲冲·2021-11-05 15:17

详细聊聊Vue的混入和继承

Vue中的mixin几乎跟less等里面的mixin一样，都是将定义好的一些功能原样注入Vue组件当中，也有些类似面向对象编程中的继承(我只是说类似:))。mixin是一个对象，这个对象的属性可以是
·2021-11-02 18:11

VuePress搭建个人博客

每个Markdown文件都通过markdown-it编译为HTML，然后将其作为Vue组件的模板。在VuePress2.0环境下运行，部署使用的1.x版本方法。一、VuePress搭建与
橙子只过今天·2021-11-02 08:01

vue-property-decorator用法

为了更好地用class的模式来写vue组件:1.methods，钩子都可以直接写作class的方法2.computed属性可以直接通过get来获得3.初始化data可以声明为class的属性4.其他的都可以放到
好多柱·2021-11-01 15:49

vue全局注册组件，局部注册组件

使用方法：第一步：在components文件夹下面建了两个vue组件页面。第二步：在plugin中建一个common.js文件，这个相当于是一个公用js专门用来存储导入的公用组件。
罗会·2021-10-29 13:47

Vue实现组件间通信的几种方式(多种场景)

目录1、Props父>>>子（Props）子>>>父（$emit）2、Bus事件总线3、Vuex状态管理库4、Router5、缓存以下是我在开发中用到过的vue组件之间的通信方式，不同的场景使用不同的方式
·2021-10-28 16:20

基于Vue简易封装的快速构建Echarts组件 -- fx67llQuickEcharts

npm组件说明这本来是一个测试如何发布Vue组件至npm库的测试项目做完之后发现很有意思，就稍微完善了一下成为一个简易快速构建Echarts图表的组件基本上消灭了我之前关于Echarts渲染DOM的一堆冗余代码功能不多后续有想法的话再考虑继续封装
·2021-10-27 16:19

[vue3快速入门] 20.vue组件基础4——$refs的使用

这节课我们来讲一个特别的功能，$refs，一个小功能，但是在特定条件下用起来很方便假设我们现在有一个计数器组件，autoCounter，在App.vue里使用了这个组件，这个组件的计数初始化是不变的，在App.vue的mounted调用以后，我们的计数器再开始计数，我们先写出来autoCounter组件的代码{{count}}exportdefault{data(){return{count:0,
林哥学前端·2021-10-27 10:01

了解 vue组件样式穿透 /deep/ ::v-deep ＞＞＞ 区别 ===

什么是样式穿透?vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过一些方法，穿透scoped。1.样式穿透>>>如果项目使用的是css原生样式,那么你可以直接使用>>>穿透修改但如果是sass/less的话可能无法识别，这时候需要使用/deep/和::v-deep选择器。.a{//b是第三方组件类名>>>.b{backgr
屹洲城主·2021-10-25 22:33

Ant Design Vue - upload公共组件将封装

因为elment-ui好像没有维护了，就采用了AntDesignVue组件库。因为项目里面好多地方使用了Upload(a-upload)上传组件，所以就进行二次封装(比如上传路径等等)！
爱吃豆包·2021-10-24 18:56

ant-design-vue组件库源码分析

ant-design-vue组件库目录结构通过在github上对该开源组件库项目进行c
·2021-10-23 18:59

Vue组件通信：父传子、子传父、跨组件通信

方法一：组件通信_父传子_props（属性绑定）在进行组件通信之前，我们首先要明确父和子是谁，父传子=>在父中引入子（被引入的是子）1.父传子，要先在子组件内定义props变量，准备接收，然后再使用变量2.父组件内,要展示封装的子组件：先在标签中引入子组件，并通过components注册局部组件后使用子组件，在标签中以属性方式给props变量传值方法二：组件通信_子向父_自定义事件（事件绑定）在了
大白话优秀发言人·2021-10-22 21:31

Vue实现动态圆环百分比进度条

下面是我以Vue组件形式做的一个动态的实现，先上效果图：效果实现步骤画一个饼图.pie{display:inline-block;position:relati
·2021-10-19 17:00

uniapp和vue的区别详解

目录1.简单的页面示例2.uni-app支持vue组件和小程序原生组件混用3.常用标签，常用组件包括view、text、swiper、scroll-view等。
·2021-10-18 17:29

vue3之Composition API详解

通过创建Vue组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。
·2021-10-18 14:47

cgb2108-day13

文章目录一,Vue练习--1,vue解析数据--2,Vue指令二,Vue组件--1,概述--2,测试三,Axios技术--1,概述--2,测试项目结构网页代码1.json文件代码总结四,Vue路由--1
cgblpx·2021-10-18 08:39

vue3之Composition API详解

通过创建Vue组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。
公众号「前端进阶之旅」·2021-10-17 20:43

vue-router 基于后端permissions动态生成导航菜单的示例代码

目录Vue.js1、注册全局守卫2、Vuex状态管理全局缓存routes3、路由拦截4、路由菜单5、递归菜单vue组件Vue.jsvue-routervuex1、注册全局守卫核心逻辑1、token身份验证
·2021-10-17 10:06

MacOS 搭建一个vue项目(完整步骤)

检查是否安装成功3、创建一个基于webpack模板的新项目4、安装依赖5、启动项目三、vue项目目录讲解四、开始我们的第一个vue项目1、在components目录下新建一个views目录，里面写我们的vue
anndy_·2021-10-15 18:43

Vue3使用 Ant Design Vue

一.引入AntDesignVuevue项目请自行创建1.项目添加[email protected]添加ant-design-vue组件import{createApp
·2021-10-14 20:08
上一页 68 69 70 71 72 73 74 75 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他