vue组件

vuex优缺点小结

1、优点能够在vuex中,集中管理共享的数据,易于开发和后期维护；Vuex的状态存储是响应式的，当Vue组件从store中读取状态的时候，若store中的状态发生变化，能够触发响应式的渲染页面更新(localStorage
孟孟_mengmeng·2023-07-19 18:07

vue组件封装

1、封装组件的目的把业务逻辑相同，高度重复的代码封装起来，为了提高代码的复用，减少代码的冗余。2、组件使用（1）引用importnavsfrom'@/views/nav/index'（2）注册components:{'v-nav':navs}（3）使用3、组件三要素属性：props属性，inheritAttrs属性事件：event插槽：slot(1)属性：数据从父组件传到子组件props属性父对子
孟孟_mengmeng·2023-07-19 18:36

【译】Vue实用笔记（二十七）：在Vue组件中通过自定义css属性来自定义主题

作者：CesarAlberca(@cesalberca),afrontenddeveloperatAutentiathathaveworkedwithVueprofessionallyfor2yearsandcounting.He’salsodoneprojectsinReactandAngularandhe’spassionateaboutgoodpracticesandtesting.Imet
Mr画·2023-07-19 15:42

【组件篇】在vue3+ts项目中基于antd封装一个通用的左侧菜单栏组件

项目用到的版本如下：1、实现sideBar.vue组件{{item.title}}importSubMenufrom'.
Ying（英子）·2023-07-19 14:14

vue3插槽、具名插槽、作用域插槽-足够入门了

vue3插槽前言这篇文章介绍vue组件的插槽！包括：插槽概念，具名插槽，作用域插槽等等，看完不会你打我。哈哈哈，开玩笑的，不多说，上刺刀！！1.概念插槽（Slot)是vue为组件的封装者提供的能力。
星月前端·2023-07-19 11:21

vue 组件（component）命名的小细节问题（大小写问题）

vue组件命名的小细节问题（大小写问题）今天学习组件的时候，突然发现，定义的名为”Mycom"的组件在使用的时候用“mycom”使用没有任何问题，于是我就试了一下哪种情况可以，哪种情况不可以。
啊啊啊～～·2023-07-19 08:13

如何使用vue3导出excel表格

以下是一个基本的示例代码：1.安装`xlsx`库：```shellnpminstallxlsx```2.在Vue组件中引入`xlsx`库和相关函数：```javascriptimportXLSXfrom'xlsx
TianXuab·2023-07-19 08:27

Vue 3实现将二维码导出为pdf

jspdf`库来实现这个功能：首先，使用npm或yarn安装所需的库：```bashnpminstallqrcodejspdf```或者```bashyarnaddqrcodejspdf```然后，你可以在Vue
TianXuab·2023-07-19 08:55

uniapp 子组件 props拿不到数据_vue组件通信总结

11月份的面试越来越觉得自己学的不够踏实和深入。现在实习了有空总结下京东前端实习一道面试题：vue中组件通信接口有哪些，除了props和$emit？注意是接口，我说了vuex和localStorage，立马就被否决了一、父子组件通信1.props和$emitprops最常见的父子通信接口，但是props是单向数据流的形式：父级prop的更新会向下流动到子组件中，但是反过来则不行此时需要借助vue提
weixin_39823299·2023-07-18 18:07

Vue.js day5（2019.5.22）

https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA二、定义Vue
满天繁星_28c5·2023-07-18 08:47

vue组件间通信之兄弟组件通信（vue3.0$EventBus）

vue组件间通信之兄弟组件通信（vue3.0$EventBus）vue组件中的数据传递最最常见的就是父子组件之间的传递。
茶一蛊·2023-07-18 06:55

vue组件刷新方法

一、刷新整个页面1.使用window对象中的方法：location.reload()2.使用vue路由跳转：this.$router.go(0)总结：页面会出现空白，刷新页面会触发组件的beforeCreate、create、beforeMount、mounted、beforeDestory、destoryed等生命周期的方法二、刷新单个组件1.使用v-if指令：控制组件显示隐藏，使组件进行重绘达
weixin_43962020·2023-07-18 06:14

vue如何使用webscorket实现多人协同在线表格填写

使用npm或yarn安装它：npminstallsocket.io-client2.创建WebSocket连接：在Vue组件中，使用WebSocket库来创建
lionliu0519·2023-07-18 03:33

Vue前端生成UUID

在终端中执行以下命令：npminstalluuid一旦安装完成，打开你想要生成UUID的Vue组件文件。引入uu
IT小辉同学·2023-07-18 01:22

VUE 常用指令

methodsVue解析数据三种data值的写法高级用法：v-命令指令集双向绑定v-model闪现v-cloak判断v-ifv-else-if循环v-for事件v-on绑定v-bindv-htmlv-text小结Vue
多啦@不懂a梦·2023-07-17 23:47

谷粒商城 (十一) --------- 商品服务 API 三级分类 ② 前后端联调配置

、启动人人开源将人人开源的前后端分别启动二、新增菜单注意可以配置好分类维护的菜单路由，授权标识可以先放一放三、前端配置网关路由在srcmodules下创建product目录及下面新建category.vue
在森林中麋了鹿·2023-07-17 22:50

Vue3和Vue2pdf预览与切换，放大与缩小，打印

1.指令安装npminstallvue-pdf-embednpminstallvue3-pdfjs2.定义一个名为pdf的vue组件上一页{{state.pageNum}}/{{state.numPages
未及545·2023-07-17 09:25

vue组件间通信六种方式（完整版）

本文总结了vue组件间通信的几种方式，如pro
C澒·2023-07-17 08:05

Vue-组件基础（上）

目标能够说出什么是单页面应用程序和组件化开发能够说出.vue单文件组件的组成部分能够知道如何注册vue的组件能够知道如何声明组件的props属性能够知道如何在组件中进行样式绑定二、目录单页面应用程序vite的基本使用组件化开发思想vue
一支咸鱼·2023-07-17 06:41

Vue 学习笔记 4.0 --- 生命周期函数

生命周期函数个人认为在学习生命周期的时候,还是看图学习是最有效的,当然理论也得跟上,本文的底部有我对周期图的中文注解所有的vue组件,都是vue实例,一个组件对应一个实例,并且接收相同的选项对象(一些根实例特有的选项除外
吸猫患者·2023-07-17 02:29

css自定义字体@font-face的使用方法

这里写目录标题用法1.定义一个自定义字体2.引入自定义字体项目中用到的1.新建font文件夹2.在vue组件中引用用法1.定义一个自定义字体@font-face{font-family:'iconfont
qq_36934775·2023-07-16 21:36

快速搭建Python（Django）+Vue环境并实现页面登录注册功能

文章目录一.创建vue项目及环境搭建1.创建vue项目2.配置axios3.创建vue组件login和register4.设置并引用路由vue-router5.完成login，register组件代码6
X_H学Java·2023-07-16 20:39

Vue组件集合

1.第三方组件库文章链接：前端开发组件库_zzh990822的博客-CSDN博客_前端组件库开发2.取色器组件ConfigReference|RadialColorPicker3.色值转换组件colorsyscolorsys-npm16进制颜色、rgb、hsl相互转换
智慧方·2023-07-16 19:27

vue组件库(Element UI)

目录1.什么是vue组件库2.vue组件库和bootstrap的区别3.最常用的vue组件库4.ElementUI4.1在vue2的项目中安装element-ui4.2引入element-ui4.3完整引入
努力学习前端的小陈·2023-07-16 17:12

Vue 组件化开发

文章目录前言组件化开发父子组件相互传数据父传子：自定义属性子传父：自定义事件父子组件互传案例插槽slot多个插槽总结组件化开发总结Vue组件的基本组成子组件使用的三个步骤父子组件相互传递数据前言提示：这里可以添加本文要记录的大概内容
二哈喇子！·2023-07-16 11:58

vue组件封装

1.全局注册---在main.js中1.1首先创建一个xxx.vue文件1.2在main.js中引入语法如下：import'组件对象'from'xxx.vue文件路径'1.3组件注册语法如下：Vue.component("组件名","组件对象")；1.4把组件名在需要设置的某xxx.vue文件中当标签使用2.局部注册---在所需设置的某xxx.vue文件中2.1首先创建一个xxx.vue文件2.2
是阿狸·2023-07-16 11:51

极简websocket实时聊天

47.242.53.5:888/项目git地址：https://gitee.com/xiao-ming-1999/websocket-server.git实现步骤：在前端创建WebSocket连接：在Vue
FF_XM·2023-07-16 09:45

(vue)vue项目实现语音播报

下面是一个示例：1.在Vue组件的模板中添加一个按钮，用于触发朗读：开始朗读2.在Vue组件的方法中实现朗读功能：exportdefault{methods:{startTextToSpeech(){constspeech
nyf_unknown·2023-07-16 08:38

vue的mixin的理解，有什么应用场景？

类的方法而不必成为其子类Mixin类通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用又避免了多继承的复杂Vue中的mixin先来看一下官方定义mixin（混入），提供了一种非常灵活的方式，来分发Vue
JerisonPaul·2023-07-16 07:57

vue 实现 word/excel/ppt/pdf 等文件格式预览操作

使用方法//Url为.docx格式的链接地址二、方法二参考地址：vue-office:支持word(.docx)、excel(.xlsx)、pdf等各类型office文件预览的vue组件集合，提供一站式
禾小毅·2023-07-15 23:05

Vue 组件中的 data 为什么是函数？

Vue组件中的data为什么是函数？如何改变文本的样式一、总结1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。
周亚鑫·2023-07-15 21:41

08.Vue事件总线（EventBus）

vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过props向下传数据给子组件，当子组件有事情要告诉父组件时会通过$emit事件告诉父组件。
Jason杰森·2023-07-15 16:56

Vue组件复杂表格高级编辑功能

文章目录Vue组件复杂表格高级编辑功能1.使用修饰符sync来同步更新父子组件中的绑定的数据2.在el-table[^2]中开发高级编辑表格功能Vue组件复杂表格高级编辑功能在vue中组件的定义是希望组件可以做单一的功能
百里狂生·2023-07-15 13:01

vue2项目实战尚品汇前台01 创建项目-路由配置-静态页面

文章目录vue项目实战尚品汇前台01概述vue-cli初始化项目项目的其他配置项目路由分析vue-router重置默认样式Header.vue和Footer.vue组件静态页面路由组件搭建Footer组件的显示和隐藏路由元信息的使用
nuise_·2023-07-15 09:54

Vue3学习笔记--Vue组件化基础 - 脚手架

CSDN话题挑战赛第2期参赛话题：学习笔记1Vue组件化开发思想人处理问题的方式人面对复杂问题的处理方式:任何一个人处理信息的逻辑能力都是有限的当面对一个非常复杂的问题时我们不太可能一次性搞定一大堆内容但是我们人有一种天生的能力就是将问题进行拆解如果将一个复杂的问题拆分成很多个可以处理的小问题
「已注销」·2023-07-15 03:26

VUE学习笔记--组件

文章目录组件化开发vue组件的三个组成部分启用less组件之间的父子关系使用组件路径提示插件注册私有组件注册全局组件快速生成vue代码框架插件自动闭合标签插件组件化开发vue组件的三个组成部分template
萤火虫的小尾巴·2023-07-15 03:26

图书预览vue组件

-->3">import{Autoplay,Pagination,Navigation,Scrollbar}from'swiper'constmodules=[Autoplay,Pagination,Navigation,Scrollbar]importflipbookfrom'flipbook-vue'import{getGenealogyDetailasgenealogyContent}fro
Study_Live_Sun·2023-07-15 03:08

ant design vue 按列排序 前端实现

在antdesignvue组件库中，表格对某一列数据进行排序，通过指定列的sorter函数即可启动排序按钮;sorter:function(rowA,rowB){},rowA/rowB是比较的两个行数据字符串的比较使用
D_aemon·2023-07-15 00:21

Vue 引入高德地图：实现地图展示与交互

我们将从安装依赖开始，然后配置高德地图的密钥和相关插件，最后演示如何在Vue组件中使用地图组件和实现基本的交互功能。通过本文的指导，您将能够轻松地在Vue项目中集成高德地图，实现地图的展示与交互。
尘缘...·2023-07-14 20:04

Vue 3 中使用 Chart.js

要在Vue3中使用Chart.js，您需要先安装和引入Chart.js库，并创建一个Vue组件来承载图表。
PAX-K·2023-07-14 10:31

Element-UI：el-table导出为excel

el-table导出为excelVue项目整合Element-UInpm安装+引入CDN直接引入安装依赖项：xlsx和file-saver插件介绍插件安装插件导入插件版本问题文件命名问题：uuid.js示例代码Vue
是席木木啊·2023-07-14 07:11

在Vue中使用Plotly.js-with-locales

首先，使用npm或者yarn安装plotly.js和plotly.js-with-locales：npminstallplotly.jsplotly.js-with-locales--save在Vue组件中
超级大超越·2023-07-14 03:19

关于在vue项目当中引入多个子组件时候只显示一个组件的问题

这个是在html文件当中编写的，不是.vue组件当中编写，在vue文件当中使用闭合标签是没有问题的。
自己给自己创造机会·2023-07-14 01:21

vue组件

关于vue组件的总结注册组件vue中组件的注册分为两种：全局注册局部注册全局注册全局注册的组件在任何vue实例中都能使用调用vue的component方法就可以全局注册组件component方法接收两个参数
zzzZink·2023-07-13 22:41

Vue和React的区别

例如，下面是一个简单的Vue组件：{{title}}{{count
世间万物皆对象·2023-07-13 22:20

Vue组件库Element-常见组件-Form表单

Form表单Form表单：由输入框、选择器、单选框、多选框等控件组成，用以收集、检验、提交数据具体关键代码如下：默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮打开嵌套表格的Dialog打开嵌套表单的Dialog-立即创建取消exportdefault{data(){return{form:{name:'',region:'',date1:'',date2:'',},gridData:[{date
熵240·2023-07-13 19:22

Vue组件库Element-常见组件-表格

对于Element组件的使用，最主要的就是明确自己想要达到的效果，从官网中将对应代码复制粘贴即可，最重要的是要读懂不同组件官网中提供的文档，以便实现自己想要的效果常见组件-表格Table：表格：用于展示多条结构类似的数据，可以对数据进行排序、筛选、对比或其他自定义操作具体示例关键代码代码如下:（注释很重要）exportdefault{data(){return{tableData:[{date:'
熵240·2023-07-13 19:52

Vue组件库Element-常见组件-对话框

Dialog对话框在保留当前页面信息的状态下，直接弹出对话框，告知用户并承载相关操作具体代码关键如下：默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮打开嵌套表格的Dialogexportdefault{data(){return{gridData:[{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄',},{date:'2016-05-0
熵240·2023-07-13 18:20

【SpringBoot+VUE后台管理系统】（五）Vue前端项目路由配置_封装左侧菜单栏组件_封装头部组件_封装页签面包屑

文章目录一、封装侧边栏组件1、在components文件夹下创建AsideView.vue2、将HomeView.vue中的侧边栏的内容复制到AsideView.vue中3、AsideView.vue组件中定义外部传入的参数类型
攻城狮·建哥·2023-07-13 16:59

uniapp和springboot微信小程序开发实战：前端架构之微信小程序开发表单提交功能

文章目录前言前端代码后端代码controller层service层总结前言基本上很多项目都有类似于意见反馈、留言等形式的表单提交功能，今天给大家介绍的是使用uniapp和vue组件实现的表单提交功能。
程序员阿卢·2023-06-23 13:38
上一页 39 40 41 42 43 44 45 46 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他