vue组件

vue.js——基础篇之vue组件

vue.js——基础篇之vue组件一、什么是组件组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。
小公举plum·2023-03-24 11:19

vue3事务管理案例、组件基础总结案例

事务管理案例前言这篇文章介绍vue组件基础的一个小案例！
星月前端·2023-03-24 11:15

【Vue系列5】——Vue组件化开发入门篇

点赞多大胆，就有多大产！开源促使进步，献给每一位技术使用者和爱好者！干货满满，摆好姿势，点赞发车前言本文主要说一下组件化开发一些概念和基本使用，有基础的小伙伴应该听过组件通信，插槽等这样的概念，我们下篇再说！在具体编码之前我们需要知道两个概念：什么是组件化为什么需要组件化组件化组件化介绍组件化是一种高效的处理复杂应用系统，更好的明确功能模块作用的方式，为了解耦：把复杂系统拆分成多个组件，分离组件边
添甄·2023-03-24 11:11

Vue基础8之Vue组件化编程、非单文件组件与单文件组件

Vue基础8Vue组件化编程对组件的理解一些概念的理解非单文件组件基本使用几个注意点组件的嵌套VueComponent一个重要的内置关系先导篇：原型对象正文（可以理解为类的继承）单文件组件Vue组件化编程对组件的理解传统方式
VillanelleS·2023-03-24 11:40

【Vue3 基础篇】05.组件化

生命周期每个Vue组件在创建时经历的一系列初始化步骤的阶段，我们需要在这些阶段做额外操作的话，需要调用对应阶段的钩子。
一百个Chocolate·2023-03-24 11:17

Vue移动组件库：Vant

https://youzan.github.io/vant/#/zh-CN/GitHub：https://github.com/youzan/vant安装使用Vant是有赞前端团队基于有赞统一的规范实现的Vue
CodeMT·2023-03-24 05:08

Vue组件

动态组件Prop子组件{{post.title}}Enlargetextexportdefault{props:['post'],methods:{emitMethod(){//父组件中可以通过$event获取到这个0.1的参数//或者放到function(event)参数里边this.$emit('emit',0.1)},}};父组件exportdefault{props:["post"],me
于贺美·2023-03-24 04:28

vue3学习之旅--webpack5-babel整合sfc单文件vue组件

文章目录Babel和Vue的sfcBabel为什么需要babel？Babel命令行使用插件的使用Babel的预设presetBabel的底层原理Babel编译器执行原理Babel的执行阶段babel-loader指定使用的插件babel-presetBabel的配置文件VueVue源码的打包Vue打包后不同版本解析**vue(.runtime).global(.prod).js：**vue(.ru
尤雨东·2023-03-24 04:11

Vue组件通信

Vue的组件之间是需要互相通信和传递数据的,这里演示几个常用的通信方式父与子props方式props让组件接收外部传过来的数据传递数据这里传递参数名前加":"从而可以动态绑定数据接收数据第一种方式(只接收)props:['参数名1','参数名2',.......]第二种方式(限制类型)props:{参数名1:参数类型,参数2:参数类型,......}第三种方式(限制类型.限制必要性指定默认值)pr
暗武逢天·2023-03-24 02:17

Vue项目实战之电商后台管理系统(八) 订单管理及数据统计模块

点击查询物流进度按钮弹出对话框二、数据统计模块2.1新建数据统计组件2.2数据统计模块效果图2.3绘制图表总结一、订单管理模块1.1新建订单管理组件在src-components中新建order文件夹，新建Order.vue
小陈工·2023-03-23 18:43

Vue项目实战之电商后台管理系统(三) 用户管理模块

2.3实现分页展示用户列表三、用户状态控制四、搜索功能实现五、添加用户六、修改用户七、删除用户总结一、用户管理模块布局1.1新建用户列表组件在src/components/user/中新建Users.vue
小陈工·2023-03-23 18:12

为什么vue组件中添加scoped后某些样式不生效

原文链接https://blog.csdn.net/qq_41800366/article/details/107062781为了便于展示和理解，在这里选择了一父组件和一子组件父组件：首先，父组件引入子组件TestScopedHereisparentcomponent.parent{color:deepskyblue;}子组件：TestScopedHereissoncomponent不添加scop
梦舟缘钓·2023-03-23 17:38

vue进阶：弹窗类组件实现方式

$create(Notice,{title:'标题标题',message:'提示信息'}).show();分析实现思路根据上面的实用方式，我们要想实现在vue组件中全局使用this.
super_wanan·2023-03-23 17:40

vue自定义confirm弹窗（全局组件）

全局组件方式全局组件方式采用在main.js文件中进行全局注册的方式首先创建mmtoast.vue组件，自定义弹窗的样式。
糖不苦的糖是甜的·2023-03-23 17:01

vue3 自定义message弹窗

1、定义一个Message.vue组件其内容如下-->{{text}}import{ref}from'vue'exportdefault{name:'Message',props:{type:{type
jjw_zyfx·2023-03-23 17:41

四、vue.js 核心知识点

vue组件的核心选项:1、模板（template）：模板声明了数
取个名字还真滥·2023-03-23 05:15

vue两种类型的API--选项式API和组合式API

组合式API：是一系列API的集合，使用函数而不是声明选项的方式书写Vue组件，它是一个概括性的术语，涵盖了响应式API、生命周期钩子、依赖注入。
weixin_43962020·2023-03-23 02:23

vue2自定义组件通过rollup配置发布到npm上的详细步骤

创建Vue组件库项目首先，我们需要创建一个Vue组件库的项目。我们可以使用VueCLI来快速创建一个基础的Vue项目。
H_shaohui·2023-03-23 01:27

vuex state 数据更新 vue组件mapState获取不到

问题在vue组件内通过commit更新vuexmodulesstate数据（obj），vue组件通过computedmapState获取不到最新的数据//vuex//项目初始化会设置state中obj为
从不放弃·2023-03-22 17:21

Vue组件

1.组件：是vue最强大的功能之一，组件化开发，可以扩展HTML元素，封装可重用代码。（分为全局和局部）Vue.component("my",{template:`fdsfganniu`,data:function(){return{msg:"gdshjfgsjg"}},methods:{alt:function(){alert:(fdsffg)}}})newVue({el:"#name",})2
e8faf1ff57ad·2023-03-22 14:08

vue升级之路（四）-- Vuex

在Vue.js的项目中，如果项目结构简单，父子组件之间的数据传递可以使用props或者$emit等方式，大家参考一下我之前写的vue升级之路（二）--vue组件间方法调用及数据传输但是如果是大一点的项目或者需要在子组件之间频繁传递数据的时
tree_book·2023-03-22 10:08

vue 前端组件化拆分原则（个人总结，非官方）

详尽可转前端组件拆分思路及通信设计（vue2.0）-组件拆分原则-vue组件-vue组件拆分原则一.公共功能点例：页头，侧边栏，底部二.可复用组件例：购物车卡片等一样样式的地方三.独立逻辑点例：弹窗内部的表单
_默_·2023-03-22 08:20

ECharts vue 折线图组件

1.安装ECharts插件官网实例npminstallecharts--save2.vue组件importechartsfrom'echarts'//引入折线图组件require('echarts/lib
独西楼Q·2023-03-22 05:26

vue组件报错超出最大堆栈Maximum stack exceeded

情况1：组件内容的递归函数没有结束条件情况2：路由拦截出错情况3：vue组件的name属性如果没有显示指定则为组件的名称，也会造成递归死循环，例如（组件名称为form，name属性没有指定,引入的子组件为
felixfeihu·2023-03-21 21:53

第十八天 Vue-前端工程化总结

目录Vue-前端工程化1.前后端分离开发1.1介绍1.2Yapi2.前端工程化2.1环境准备2.2Vue项目简介2.3Vue项目开发流程3.Vue组件库Element3.1快速入门3.2常用组件3.3案例
HuanLe.·2023-03-21 19:06

在vue组件中使用axios封装

1.http.js文件/***axios封装*请求拦截、响应拦截、错误统一处理*/importaxiosfrom'axios';importrouterfrom'../router';importstorefrom'../store/index'import{Message,MessageBox}from'element-ui'/***提示函数*禁止点击蒙层、显示一秒后关闭*/consttip=m
双耳云·2023-03-21 16:53

vue中使用axios拦截器实现数据加载之前的loading动画显示 @劉䔳

首先新建一个loading.vue组件，写loading动画效果.loader{width:100%;height:100%;display:flex;align-items:center;justify-content
劉䔳Fairy·2023-03-20 20:00

vue组件 - 复制粘贴 - clipboard.js

点击复制功能主要通过clipboard.js来实现1、引入clipboard.js，方法如下：第一种直接npm安装：npminstallclipboard--save第二种：（下载地址：https://clipboardjs.com/）2、在需要使用的组件中import引用方法：importClipboardfrom'clipboard';components:{Clipboard},3、添加需要
背着生活往前走你才辨的出美和丑·2023-03-20 12:37

前端:基于vue.draggable 拖拽列表实现,并获取下标及元素.

}{{element.model}}{{indexs}}新建卡片{{listString}}-->{{list[index].list}}注入灵魂.jsDraggable为基于Sortable.js的vue
十一他叫路易斯·2023-03-20 08:06

vue2 ant-design记忆表头列表页面组件

git地址：项目git地址(https://github.com/hgg111/vue2AntdTablePage.git)实现效果：代码：RemberTableHeader.vue组件：记忆表头组件。
格格不入ち·2023-03-20 01:38

vue组件传值props设置默认参数

子组件{{titleLeft}}{{titleRight}}exportdefault{name:"HelloWorld",props:{titleLeft:{type:String,default:"这是默认的titleLef"},titleRight:{type:String,default:"这是默认的titleRight"}},data(){return{};},methods:{clic
五四青年_4e7d·2023-03-19 23:42

源码分析：vue和react组件事件绑定中的this

vue组件定义methods使用箭头函数直接从问题开始吧。
凌霄光·2023-03-19 16:15

vue组件库更改样式不生效问题

使用组件时，有时要修改样式，直接用类名覆盖不能生效，找到了解决办法：首先，用开发者工具检查到需要修改的元素的类名，在样式中设置如下：@deep:~'>>>';@{deep}.ivu-transfer-operation{visibility:hidden!important;}
板栗栗·2023-03-19 15:33

Vue进阶（二）设计高级组件——自定义通知

阅读笔者的这一篇文章需要读者具有一定的Vue组件知识基础，如果本篇文章存在设计不合理或者知识错误的情况，还恳请指出修正。
慌张的唐同学·2023-03-19 09:02

Vue组件-极简的地址选择器

一、前言本文用Vue完成一个极简的地点选择器，我们接下来带大家实现这个。当然其中也有一些值得学习与注意的地方。话不多说，我们先上demo图。因为每个人的需要不一样，我这边就不在实现更多的功能，所以留有更大的空间供大家增删改。demo5.gifGitHub地址：Vue-location_Select二、需要学习的地方（1）数据更新Vue无法监控首先要说一下的就是这个点，我们在Vue中有个好处就是可以
bb7bb·2023-03-19 06:05

vue组件传值(高级)、属性传值、反向传值、跨级传值实例详解

目录一、属性传值——父传子二、反向传值——子传父$emit三、反向传值——子传父--sync四、反向传值——子传父--v-modelv-model指令的修饰符：五、多层（跨级）组件传值六、$parent/$root、$children/$refs七、Vue依赖注入-Provide/Inject(重点)八、中央事件总线bus一、属性传值——父传子父组件通过属性传值给子组件父组件修改数据后会刷新页面并
·2023-03-19 00:08

Vue+ElementUI+NodeJs图片上传

一、将图片上传到服务器1、添加图片上传框在Vue组件的表单中添加图片上传框其中：action：图片上传到服务器api接口；show-file-list：是否显示已上传的文件列表；on-success：文件上传成功时的事件
StansJ·2023-03-18 21:02

UI组件库-Tab组件（jsx）

昨天经过一番折腾，实在是在vue组件的里面不能很满意的实现想要的效果，其实我对自己和大家的要求不高，只是说咱们的代码在完成其功能的前题下，要容易阅读，易于理解。
前端巴士·2023-03-18 17:13

VUE PWA 插件，接收server端消息推送并显示通知

本文介绍VUE工程中使用@vue/cli-plugin-pwa插件实现消息通知并刷新VUE组件。
louieSun·2023-03-18 16:09

vue组件间通信

第一种，父子组件通信一.父组件向子组件传值1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性child.vue3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值app.vue4.保存修改的文件，查看浏览器5.可以对mess
杨栁·2023-03-18 09:22

vue或webpack如何使得lib包内部的component支持懒加载

首先场景如下：构建一个lib包，内含多个vue组件，父工程通过Vue.use方式进行全局引入由于组件可能会很多很大，所以想实现这个lib包里面的组件实现懒加载初步设想的是采用动态导入(dynamicimports
GreperXiao·2023-03-18 04:07

Vue高级特性之自定义v-model

前言：日常开发中，除了直接在input标签上使用v-model指令外，封装的组件也需要v-model，接下来看看如何在Vue组件中使用自定义v-modelhome.vueimportcategoryfrom
jia林·2023-03-18 03:01

三、Vue基础-组件（上）

缺点1.4、快速创建vue的spa项目2、vite的基本使用2.1、创建vite项目2.2、项目结构3、组件化开发思想3.1、什么是组件化开发思想3.2、组件化开发的好处3.3、vue中的组件化开发4、vue
展流·2023-03-17 10:47

如何发布自己的npm包（vue组件）

如何在NPM上发布自己的第一个vue组件库，是每一名vue前端开发人员必经的进阶之路，本文将结合作者的实践项目，为各位读者详细讲解所有的操作步骤，相信你在阅读本文后，就能立马动手。
ymktchic·2023-03-17 10:39

Vue基础知识总结 4：vue组件化开发

作者简介：哪吒，CSDN2021博客之星亚军、新星计划导师✌、博客专家哪吒多年工作总结：Java学习路线总结，搬砖工逆袭Java架构师关注公众号【哪吒编程】，回复1024，获取Java学习路线思维导图、大厂面试真题、加入万粉计划交流群、一起学习进步目录一、函数式编程1、函数式编程简介2、代码实例二、v-model1、v-model双向绑定2、v-model和radio结合使用3、v-model和C
哪 吒·2023-03-17 10:08

前端开发：Vue组件中的冒号用法

前言在前端开发过程中，关于Vue框架的使用是老生常谈，而且Vue组件的使用非常方便，但是有时候在开发中会忽略一些细节和不经意的知识点，尤其是刚入行的新晋开发者更是一知半解，在对Vue整体使用的时候会有所遗漏
三掌柜666·2023-03-17 10:34

测开：vue组件化开发

vue官网地址：Vue.js-渐进式JavaScript框架|Vue.js上一章节：测开：vue基本语法_做测试的喵酱的博客-CSDN博客测开：vue高级特性_做测试的喵酱的博客-CSDN博客一、全局组件1.1全局组件定义：全局组件：使用Vue.component定义组件Vue.component('left-con',{template:`这个是页面左边内容的组件`})1、使用Vue.compo
做测试的喵酱·2023-03-17 10:33

vue中使用了window.addEventListener

如果vue组件中使用了window.addEventListener记得在离开组建的时候window.removeEventListener注释：在别的组建内，有时候也会访问到其他组建内的window.addEventListener
白小白大白白·2023-03-17 08:09

(翻译)vue-class-component

vue-class-component本文翻译自vue-class-component给class类型的Vue组件的ECMAScript/TypeScript修饰器用法：要求：ECMAScript一阶段的修饰器
卡拉咖啦·2023-03-17 07:55

Vue实现简单搜索功能的示例代码

目录1、概述2、功能逻辑2.1功能流程2.2流程图3、功能实现3.1vue组件化3.2代码3.3动态效果1、概述在vue项目中，搜索功能是我们经常需要使用的一个场景，最常用的是在列表数据中搜索一个想要的
·2023-03-16 16:07
上一页 49 50 51 52 53 54 55 56 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他