Vue组件

前端开发实用技巧：mixin提高代码复用率

mixin的合并策略四、mixin辨析五、个人实践mixin从理论到实践一、什么是mixinmixin混入—Vue.js(vuejs.org)官方解释：混入(mixin)提供了一种非常灵活的方式，来分发Vue
会思想的苇草i·2023-12-07 00:28

Vue组件

Vue组件，扩展html，封装可重用的代码组件命名方式有两种（1）短横线分隔命名，如'b-box'（2）PascalCase首字母大写命名即大驼峰,但是当使用PascalCase定义组件时，在html文档里引用时必须使用
rdm任·2023-12-06 23:43

什么？你还不会 OpenTiny 跨框架组件库适配微前端？

本文由体验技术团队TinyVue组件库成员陈家梅同学分享，带你手把手实现TinyVue组件库适配微前端~一、前言以下是我对微前端的一些粗浅理解，对微前端有一定了解的话可以略过，直接进入第二部分。
OpenTiny社区·2023-12-06 20:56

html通过CDN引入Vue组件抽出复用

html通过CDN引入Vue组件抽出复用近期遇到个需求，就是需要在.netMVC的项目中，对已有的项目的首页进行优化，也就是写原生html和js。
_小郑有点困了·2023-12-06 16:15

在vue中导出csv文件

npminstallxlsx#或者yarnaddxlsx在Vue组件中导入xlsx库：在需要处理CSV文件的组件中，导入xlsx库。
乐辞·2023-12-06 13:36

在vue中解析csv文件

npminstallxlsx#或者yarnaddxlsx在Vue组件中导入xlsx库：在需要处理CSV文件的组件中，导入xlsx库。
乐辞·2023-12-06 13:03

vue实现自定义element组件库

element是个优秀的vue组件库，不仅组件类别齐全，同时满足开发者、设计师和产品经理需求的网站快速成型工具，而且它代码实现也很值得去学习的。
爱吃糖的小明·2023-12-06 12:36

Vue组件库Element

Element组件基于vue2.0的桌面端组件库组件：超链接、按钮、图片、表格、分页条等链接:Element链接作用：用于组件优化页面1.快速入门安装ElementUi组件库（在当前项目中安装），在命令行执行[email protected]在main.js文件下引入文件importElementUIfrom'element-ui';import'element-ui/lib/
Hey_米氏胡·2023-12-06 12:00

Vue学习（一）——实现计数器自增

：大家好，我是听风与他☁️博客首页：CSDN主页听风与他每日一句：狠狠沉淀，顶峰相见目录前言Vue实现计数器自增运行结果:文章末尾Vue实现计数器自增Document{{count}}单击//定义一个vue
听风与他·2023-12-06 09:11

解决ssr服务端渲染整合pwa:register-service-worker启动报错： SyntaxError: Unexpected token ‘export‘

这是因为由于某种原因import了register-service-worker库，但是ssr通过nodeExternals默认只打包.css样式和.vue组件文件，其他的包括node_modules一概不打包
kingtopest·2023-12-06 08:43

vue组件缓存之keep-alive正确使用姿势

先来看一个项目中的需求作为苦逼的前端开发者，我们无时无刻都要面对产品经理提的各种需求,比如下图这个场景场景：从首页的点击导航进入列表页,列表页点击列表进入该数据详情页从详情页返回，希望列表页缓存，不重新渲染数据，这样会提高用户体验。分析一下这样需求，如果是小程序的话，默认列表页就会缓存，因为小程序的运行环境是微信客户端，当我们打开一个页面会新建一个webview，所有列表页和详情页是两个webvi
w_kylin_·2023-12-06 07:25

在 Vue 3 项目中实现图片的在线预览（百度搜索暂未验证）

在你的Vue组件中，导入vue-image-lightbox并注册为全局
xiaoming4965·2023-12-06 07:25

vue3项目实现文档 JSON 格式和 Excel 表格的在线预览，（智能搜索，未验证）

下面是一个示例：首先，安装所需的库：npminstallvue-json-prettyvue-excel-viewer--save在Vue组件中导入所需
xiaoming4965·2023-12-06 07:16

@vuemap/vue-amap高德vue组件库常用技巧（一）

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-06 07:41

Vue学习笔记-activated和deactivated生命周期

作用路由组件所独有的2个生命周期activated生命周期函数用于在路由组件每次由消失到出现时所调用的函数deactivated生命周期函数用于路由组件每次由出现到消失时（无论是否缓存）所调用的函数案例定义一个NewsVue
theLuckyLong·2023-12-06 04:13

vue之mixin混入

官方的解释：混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
builder2991·2023-12-06 02:04

Vue2与Vue3的生命周期一览

每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听、编译模板、挂载实例到DOM，以及在数据改变时更新DOM。在这些过程中，它会运行被称为生命周期钩子的函数，让开发者有机
独上归州·2023-12-05 21:44

从源码分析vue3组件的生命周期

概览借官网一张图充篇幅☺这张图展示了一个vue组件从开始渲染到卸载结束一整个生命周期经历的每个环节但只罗列了选项式api生命周期钩子，没有将组合式api的生命周期钩子放进去下面这个表格列出了所有选项式api
bdawn·2023-12-05 21:11

vue3里面生命周期的使用

生命周期钩子的函数定义：每一个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。在此过程中的阶段我们称为是生命周期钩子函数。
SwJieJie·2023-12-05 21:10

iframe添加自定义加载框

（1）具体解决方法创建了一个包含iframe和加载框的Vue组件。当组件加载时，loading状态被设置为true，显示加载框。
哟哟耶耶·2023-12-05 19:13

Vue组件之间的传值通信

父组件向子组件的传值:1.子组件在props中创建一个属性，用来接收父组件传过来的值；2.在父组件中注册子组件；3.在子组件标签中添加子组件props中创建的属性；4.把需要传给子组件的值赋给该属性。子组件向父组件传值：1.子组件中需要以某种方式（如点击事件）的方法来触发一个自定义的事件；2.将需要传的值作为$emit的第二个参数，该值将作为实参传给响应事件的方法；3.在父组件中注册子组件并在子组
9979eb0cd854·2023-12-05 18:12

vue组件中data为什么必须是函数？

1.data组件是vue的实例2.组件共享data属性，当data的值是同一个引用类型的值时，改变其中一个会影响其他3.组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据，而单纯的写成对象形式，就会使所有组件实例共用了一份data，就会造成一个变了全都会变得结果
JIA_Fury·2023-12-05 17:12

this.$nextTick()

$nextTiick()方法，这个方法通常是用来处理vue组件实例更新后的回调，比如说我们在页面渲染过后，点击某一按钮触发了请求更新的函数，这时通常需要调用它进行页面的更新。
d-resee-fer·2023-12-05 13:11

VuePress + Github Pages 搭建博客网站

VuePressVuePress是基于Vue的静态网站生成器，有以下特点：简洁至上：以Markdown为中心的项目结构，以最少的配置帮助你专注于写作Vue驱动：享受Vue+webpack的开发体验，可以在Markdown中使用Vue
廊坊吴彦祖·2023-12-05 10:31

路由导航守卫控制访问权限

1.封装axios请求2.login.vue组件登入方法请求成功，将token值保存到sessionStorage中//登入方法login(){this.
只管挖坑不管埋·2023-12-05 07:23

2.VUE组件化编程

2.VUE组件化编程组件的定义：实现应用中局部功能代码和资源的集合传统方式：问题：（1）依赖关系混乱。（3）代码复用率不高。
PHP是最好的语言.·2023-12-05 06:28

Vue前端面试2021-06

2、Vue组件的通信方式有哪些？组件之间的通信，主要描述的是数据的传输，主要如下几种自定义属性，实现了父组件向子组件传输数据自定义事件，实现了子组件向父组件传输数据事件中心，实现了组件之
路过的薛先生·2023-12-05 03:45

Web前端 ---- 【Vue】什么？代码堆在一起不好维护？辛辛苦苦改造的单文件组件用不了？看我直接Vue Cli脚手架安排

目录前言单文件组件什么是单文件组件单文件组件的内容Es6模块的导入和导出创建单文件组件VueCli脚手架前言继上篇文章Vue组件的使用介绍了如何使用Vue组件，但是发现有一个很重要的问题，就是代码复用性很差
软工不秃头·2023-12-05 01:33

Vue大屏自适应终极解决方案

效果废话不多说，先上图可以看到，我们通过等比例缩放的方式，实现了自适应，同时我们也为此发布了vue组件v-s
ZXH0122·2023-12-04 23:33

Vue框架

目录简单介绍MVVM下载安装Node.js安装Vue.js插件新建Vue.js项目下载vue依赖库Vue工程目录结构修改代码模板vue组件中，添加模型数据Vue双向绑定动态绑定vue组件中，显示图片单选框绑定复选框绑定
BroRiver·2023-12-04 23:32

Java Web开发_异步处理以及前端中Vue框架的简单使用（Day3）

系列文章JavaWeb开发（Day1）JavaWeb开发（Day2）目录前言一、Ajax二、前后端分离开发三、前端工程化四、Vue组件库Element五、Vue路由六、打包部署前言此博客主要记录在学习黑马程序员
icharacteristic·2023-12-04 23:01

vue新手

今天写了第一个vue组件，有两个table实现的是点击按钮，此行内容出现在另外的table中，点击另外的table中的按钮，内容出现在另一个table中。
better昕·2023-12-04 20:55

vue el-radio-group多选封装及使用

基于ElementUI库的Vue组件，实现了一个单选/多选框组合的效果，可以根据type属性的不同值来切换单选框（默认）和按钮式单选框/多选框。
皮卡丘-杰尼龟·2023-12-04 18:27

【Vue面试专题】50+道经典Vue面试题详解！

目录前言相关学习资源01-Vue组件之间通信方式有哪些02-v-if和v-for哪个优先级更高？03-能说一说双向绑定使用和原理吗？
不停喝水·2023-12-04 18:48

vue封装组件发布到npm,支持unplugin-vue-components按需引入

目的：vue封装组件发布到npm,支持unplugin-vue-components按需引入vue组件giteeplugin-vue-components工具类giteeplugin-validatetaro
江渚清沨·2023-12-04 18:10

Vue组件开发：工具提示组件的实现方法

一、创建Vue组件首先，我们需要创建一个Vue组件来实现工具提示功能。在Vue的组件开发中，可以使用Vue的单文件组件（.vue文件）来编写我们的组件代
忧郁的蛋~·2023-12-04 09:09

Vue组件开发：地图组件实现方法

一、简介随着互联网的不断发展，地图应用在各行业中的应用逐渐增多。地图组件是一种常见的组件，主要用于在Web页面中展示地理位置信息或者实现地图交互功能。本文将介绍如何使用Vue框架开发一个地图组件，并给出具体的代码示例。二、技术选择在开发地图组件之前，需要选择一个合适的地图库。常用的地图库包括百度地图、高德地图、谷歌地图等。在本文中，我们选择使用百度地图作为示例，因为百度地图提供了丰富的API和良好
忧郁的蛋~·2023-12-04 09:09

uni_app组件实现tags 小说标签筛选，支持多级筛选，支持默认选中，vue3+ts+setup

参考文章：uni_app组件实现tab选项卡滑动切换，支持默认选中，vue3+ts+setup_平谷一勺的博客-CSDN博客废话不多说上菜了，tags.vue组件{{item.title}}import
平谷一勺·2023-12-04 08:59

Vue.js devtools插件：超实用的浏览器扩展，使项目更容易地调试和优化

常用功能列表：组件树查看：允许用户查看完整的Vue组件层次结构，以及每个组件的属性、数据、计算属性和插槽。实时编辑：在Devtools中直接修改组件的数据，可以立即在应用中看到变化。
秋月华星·2023-12-04 08:21

基于Vue2的图书销售网站（HTML+CSS+JS）

使用到的技术项目创建；Vue指令应用：插值、数据绑定、计算属性、方法、侦听器、事件监听等;Vue组件创建和应用；Vue路由使用；全局状态管理Vuex的使用；前端基础知识的综合应用。
秋月华星·2023-12-04 08:20

Javaweb之Vue组件库Element案例异步数据加载的详细解析

4.4.3.6异步数据加载4.4.3.6.1异步加载数据对于案例，我们只差最后的数据了，而数据的mock地址已经提供：http://yapi.smart-xwork.cn/mock/169327/emp/list我们最后要做的就是异步加载数据，所以我们需要使用axios发送ajax请求。在vue项目中，对于axios的使用，分为如下2步：安装axios:npminstallaxios需要使用axi
东北赵四·2023-12-04 07:02

基于 Vue、Datav、Echart 框架的 “ 数据大屏项目 “，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换

最近在研究大数据分析，基于Vue、Datav、Echart框架的"数据大屏项目"，通过Vue组件实现数据动态刷新渲染，内部图表可实现自由替换。
华大哥·2023-12-04 07:55

vue中mixin的使用

混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。二、如何使用第一
不语u·2023-12-04 04:32

深入理解VUE组件：父子组件详细说明及应用

其中，父子组件是Vue组件化的核心概念之一。本文将详细介绍Vue父子组件的概念、属性传递、事件触发等内容，并通过
魔王-T·2023-12-04 03:55

Vue生命周期：组件的生命之旅

生命周期阶段Vue组件的生命周期可分为四个阶段：创建阶段、挂载阶段、更新阶段和销毁阶段。每个阶段都有对应的生命周期钩子，这些钩子函数允许我们在组件的不同时刻执
魔王-T·2023-12-04 03:54

深入理解 Vue 组件：构建优雅的前端应用

本文将深入探讨Vue组件的概念、使用和最佳实践，帮助读者构建优雅的前端应用。什么是Vue组件组件是Vue.js中最强大的抽象概念之一。
魔王-T·2023-12-04 03:54

Vue---Echarts

npminstallecharts```在Vue组件中引入ECharts：在需要使用图表的Vue组件中，引入echarts模块。
stu_kk·2023-12-04 01:33

Vue经典面试题源码级分析【一】

01-Vue组件通信方式有哪些父子组件：props/emit/$parent/ref/$attrs$attrs:https://cn.vuejs.org/api/component-instance.html
冰镇白干·2023-12-03 23:43

VUE3组合式API，这样写最优雅

官方解释：组合式API(CompositionAPI)是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。组合式API通过组合函数来实现更加简洁高效的逻辑复用。
✎﹏ℳ๓₯㎕·2023-12-03 19:23

Vue3 的 inject 和 provide （附源码）

在这个页面中引入了son1.vue组件，在son1.vue中引入了son2.vue组件。2、效果右侧是我们项目的页面效果，当我们
暴怒的代码·2023-12-03 16:41
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他