vue组件

Vue实现boradcast和dispatch的示例

这篇内容主要是学习掘金小册vue组件精讲的一个案例，自己做下笔记，以免日后忘记。
·2020-11-13 13:19

要提升前端布局能力，这些 CSS 属性需要学习下！

最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢
前端小智·2020-11-13 12:52

10个对web开发人员有用的HTML文件上传技巧

最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢各位了。
前端小智·2020-11-13 11:53

你现在可以玩下这 5 个 CSS 新功能

最近开源了一个Vue组件，
前端小智·2020-11-13 11:40

你现在可以玩下这 5 个 CSS 新功能

最近开源了一个Vue组件，
前端小智·2020-11-13 11:39

vue组件实现移动端九宫格转盘抽奖

本文实例为大家分享了vue组件实现移动端九宫格转盘抽奖的具体代码，供大家参考，具体内容如下vue-lucky-draw移动端九宫格转盘抽奖vue组件，中奖的奖品数据由接口决定。
·2020-11-13 10:17

解决vuex刷新数据消失问题

Vuex的状态存储是响应式的，当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。
·2020-11-13 10:33

要提升前端布局能力，这些 CSS 属性需要学习下！

最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢
前端小智·2020-11-13 10:09

this指向-作用域、作用域链-预解析 变量提升-Vue组件传值 父子 子父 非父子-Vue数据双向绑定原理

目录this指向作用域、作用域链预解析变量提升Vue组件传值父子子父非父子Vue数据双向绑定原理1.this指向函数的this指向看调用、不看声明(1)普通函数调用①函数名()this->windown
六卿·2020-11-12 16:32

vue实现简单搜索功能

目录1、概述2、功能逻辑2.1功能流程2.2流程图3、功能实现3.1vue组件化3.2代码3.3动态效果1、概述在vue项目中，搜索功能是我们经常需要使用的一个场景，最常用的是在列表数据中搜索一个想要的
Saga Two·2020-11-12 00:11

20,vue.js 有两大法宝，一个是数据驱动，另一个是什么呢？？What the fuck ?!?!?

Vue组件化开发提示：本次分享知识点基于vue.js，需要对vue.js有一定的了解。
贪吃蛇学院·2020-11-10 10:50

Vue高级组件传值之 provide/inject

vue组件父传子传值的话有很多地方都可以查到，有很多方法：props传值、vuex传值等现在说的是另外一种用的比较少的provide/inject现在有一个需求，要求是在在孙组件中要访问到父组件的值，即
灬深碍灬·2020-11-10 09:41

vue slot-scope和v-slot

Slot是Vue组件的一个重要机制，它使得完全解耦的组件之间
weixin_44197906·2020-11-09 15:33

vue组件库开发（npm包发布）

公共组件主要解决了多个应用直接组件的公用问题。这里使用npm构建我们的组件库。最终目录使用vue-cli搭建一个项目vuecreatepubilc-compenent将生成的项目的src文件夹改成examples(组件示例)新建vue配置文件，更改入口地址，确保改名后的examples能运行。新建packages文件夹，存放我们的组件编写第一个组件,参考element-ui结构datePicker
邱六崇·2020-11-07 20:20

vue父子组件的生命周期加载顺序

官网里vue组件的生命周期钩子汇总列举如下：生命周期单个vue组件的生命周期执行顺序已经非常熟悉了。但是，如果有嵌套组件，父子组件的生命周期的执行顺序是什么呢？
嘻哈章鱼小丸子·2020-11-06 15:41

Vue中使用moment格式化日期格式

$moment=momentVue组件中使用dateFormat(row,column){vardate=row[column.property];if(date==undefined){return"
是日前端·2020-11-06 14:39

Vue的作用域样式scoped CSS和深度作用选择器>>>、/deep/、::v-deep的原理

不同于React和Angular，Vue使用的.vue文件是一个自定义的文件类型，用类HTML语法描述一个Vue组件。
科研者·2020-11-03 19:16

vue组件通讯----event-bus

vue组件之间通讯，通过props和@event($emit('event'))的方式传递数据和改变数据，存在诸多不方便，因此可以采用事件总线的方式（event-bus）的方式注册监听和派发事件。
三七_小九·2020-10-30 15:14

vue学习笔记（六） ----- vue组件

一、模块化与组件化模块化的定义模块化在Node中是一个规范，定义一些模块的相关的规则，从代码角度上来说，方便做区别，如果不使用模块化，写在js文件中不利于后期维护和扩展，从代码的层面上就把相关的功能脱离出来，所以模块化从从代码的角度触发，分析项目，把项目中一些功能类型的代码，单独抽离为一个个的模块，那么为了保证大家以相同的方式去封装模块，于是我们就创造了CommentJS规范模块化的优点在我们项目
千夏Chinatsu·2020-10-27 23:49

我的Vue之旅（2）

关于Vue组件化给我的感觉就是自己写一些类似于HTML中的h1,a,p这样的标签，然后可以在自己的应用中直接引用。
蓝柯柯i·2020-10-26 23:12

vue相关面试题

vue篇一、vue组件父子、子父、兄弟通信父传递子在父组件中给子组件标签上绑定一个属性，属性上挂在需要传递的值在子组件通过peops：[“自定义属性名”]来接收数据子传递父（1）在父组件中给子组件标签绑定一个自定义事件
前端攻城狮@·2020-10-26 20:06

【Vue学习总结】14.Vue父子组件数据传递

传值的意义之前几篇博文中，有一篇是讲解如何使用Vue组件的，而且编写了一个根组件以及挂载的首页组件和新闻组件，结构如下：这里的根组件，相对其下
光仔December·2020-10-25 19:02

vue2响应式原理总结

响应式原理ObserverDepWatcher遍历整个组件树vue组件实例化时，会对data属性深度遍历（遇到数组或者对象）为每一个属性添加数据劫持。
RiverSouthMan·2020-10-22 15:45

vue组件通信 父传子 子传父 同级组件 跨级通信 vuex（一）

以下是我对Vue通信方式的总结，相对还比较全面，每一种方式都是单独的实例，不易混淆props和$emit(常用)$attrs和$listeners（跨级通信）$parent和$children（非常简洁）ref（获取子组件所有属性，事件等）v-model（特殊情景使用）provide和inject（成对出现，用于父向下传递数据）中央事件总线（同级组件通信）v-slot（插槽传值，灵活运用）vuex
代码猴儿·2020-10-22 11:14

Vue系列 =＞ [08] 电商后台管理系统项目 =＞02-用户管理

1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户1.后台首页基本布局打开Home.vue组件，进行布局：Header退出AsideMain默认情况下，跟element-ui
AkaCoder·2020-10-19 22:32

狂神说 vue学习笔记

Vue基本语法1、vue-bind2、v-ifv-else3、v-for4.v-on事件绑定三、Vue双向绑定v-model1.什么是双向绑定2.为什么要实现数据的双向绑定3.在表单中使用双向数据绑定四、Vue
Java全栈百度工程师·2020-10-19 18:57

从零开始开发一个vue组件打包并发布到npm

第一步：使用vueinitwebpack-simpleyyl-npm-practice初始化项目提示：不要用vueinitwebpacknpm-practice初始化项目，因为我们就开发个组件，不需要那么多配置，配置多了修改起来也麻烦，webpack-simple足够了。初始完项目，按照提示输入项目信息即可，然后npminstall,npmrundev让项目跑起来，如下图：image.png第二步
琴先森的博客·2020-10-19 18:02

Vue 组件封装之 Content 列表(处理多行输入框 textarea)

Vue组件封装之Content列表一、Content列表二、使用案例三、API使用指南四、源代码一、Content列表组件说明：实现Content列表布局排版。
杏子_1024·2020-10-19 08:23

ant-design-vue组件国际化(en/zh-cn)

国际化是大多后数后台项目所必须的一项功能。antd的国际化做起来也不会太难。与element类似，同样是使用官方适配的国际化组件和配合vue-i18n来实现业务。在这里vue-i18n就不做过多的赘述了，讲讲后台管理系统如何做组件国际化。项目在线地址(有用的话，记得给个start哦)按照官方文档:LocaleProvider使用Vue的provide/inject特性，只需在应用外围包裹一次即可全
老不死的臭妖怪·2020-10-12 10:21

Vue组件库Mint UI

安装:npmimint-ui-S关于事件绑定在Vue2.0中，为自定义组件绑定原生事件必须使用.native修饰符：ClickMe从易用性的角度出发，我们对Button组件进行了处理，使它可以监听click事件：ClickMe但是对于其他组件，还是需要添加.native修饰符。按需引入npmimint-ui--save//安装MintUI组件库//按需引入npmibabel-plugin-comp
唯轩_443e·2020-10-11 12:18

Nuxt|Vue仿微信/ios弹窗|vue自定义模态框

集中融合了有赞Vant、京东NutUI等Vue组件库中的Msg信息框、Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notif
xiaoyan2017·2020-10-10 18:00

Vue 入门（二）—— 核心概念和简单示例

仓库)包含state和mutations，通过提交(commit)mutations改变state二、state(状态)Vuex使用单一状态树——是的，用一个对象就包含了全部的应用层级状态问题：如何在Vue
154396b61865·2020-10-10 16:08

Vue组件间通信方式

以下总结了vue组件间通信的几种方式方法一、props/$emit1.父组件向子组件传值父组件通过props向下传递数据给子组件2.子组件向父组件传值子组件传递数据给父组件是通过$emit触发事件来做到的
翔ni·2020-10-10 13:08

【总结】对Vuex的一点理解

可以简单的将其看成把需要的多个组件共享的变量全部储存在一个对象里面然后将这个对象放在顶层的Vue实例中，让其他组件可以使用，并且让这个对象里面的属性做到响应式Vuex状态管理图例：图解：正常操作流程是：Vue
MusicMan·2020-10-10 12:10

5分钟即可掌握的前端高效利器：JavaScript 策略模式

浅谈JavaScript中策略模式的使用：什么是设计模式什么是策略模式策略模式在JavaScript中的应用（使用策略模式封装百度AI识别调用）策略模式在Vue组件封装中的应用（使用策略模式封装Select
王亮hengg·2020-10-09 19:11

vue组件之间的传值方式

父传子：父组件中引入了子组件import组件名（标签名）from‘路径’，在父组件中子组件标签上定义一个动态的自定义属性（在属性前面加上v-bind：或：）（）；在子组件中用prop接收自定的属性message，可以是回调函数可以在子组件的事件中触发父组件中的事件。prop:{message:[String,Array,Object,Function,Number]}如果要在父组件中触发子组件的事
这苹果太难吃了就吃了一口·2020-10-09 18:55

Nuxt|Vue仿微信/ios弹窗|vue自定义模态框

集中融合了有赞Vant、京东NutUI等Vue组件库中的Msg信息框、Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notif
xiaoyan2017·2020-10-09 13:31

vue组件-echarts地图显示柱状图并给柱状图添加点击事件（支持自定义地图）

vue组件-echarts地图显示柱状图并给柱状图添加点击事件（支持自定义地图）效果如下所示：参考文档：这是参考的文档起因：最近有朋友有需求需要用echarts，在地图上显示柱状图，并添加点击事件，网上有
咱们得站着·2020-10-04 17:19

react/vue 组件设计方法/原则

 网上看到了好多篇react/vue组件设计方法/原则，内容都是雷同（指不该相同而相同）。 我深恶痛绝，并深刻检讨自己，意识到普及互联网知识已经迫在眉睫，绝不容许有人浑水摸鱼。
我不是费圆·2020-09-30 00:06

vue组件（component）传值问题

父传子：(即在子组件中访问父组件中的数据)1.在父组件中使用子组件时，添加自定义属性，属性值为传输的内容2.在子组件中，使用props:['msg']接收父组件中传递的属性props:['msg'],//当前子组件希望从父组件中接收的属性多个属性使用逗号分隔注：props声明在和data,methods同级位置代码案例：Documentwindow.onload=function(){//子组件V
bling flower·2020-09-28 22:24

封装vue组件库并发布到npm

封装vue组件库1.新建项目新建一个vue项目vuecreate项目名2.在src目录下新建一个packages文件夹，用来存放组件文件及字体图标等。
思忆小调·2020-09-28 17:11

Vue组件通信中eventBus的简单使用

Vue组件通信中eventBus的简单使用头一次接触eventBus是在一个移动端项目中,是一位前端同事写的,之前都不知道有这个用法,后来就在网上查了一些资料.大概理解了eventBus的一个功能,可以实现组件之间的数据通信
小炮兵快跑·2020-09-25 10:30

vue组件的生命周期和动态组件路由

生命周期的钩子函数(11,8,2,1)生命周期的创建：生命周期的执行速度要快于网络请求1，创建：创建前：beforecreate,创建之间有this，无数据，无dom可以用作网络请求创建后：created,没有dom数据，可用做网络请求，也可用作网络修改2，挂载：挂载前：beformMount，没有dom，有数据，可用作网络请求，修改数据挂在后：mounted,有dom,有数据，可用于dom的初始
前端小码农呀·2020-09-23 22:04

Vue组件开发-高级玩法

在文章《Vue组件开发三板斧：prop、event、slot》中聊了常用的组件开发常用API和一些采坑心得，这里，再说说一些可能不太常用的高级玩法，可参考https://cn.vuejs.org/v2/
娜姐聊前端·2020-09-21 09:50

【Vue学习总结】11.Vue中组件的生命周期函数

接上篇《10.vue组件的使用》上一篇我们主要讲解了vue组件的使用。本篇我们来讲解vue的组件的生命周期函数。
光仔December·2020-09-20 19:07

Vue中修改引入的子组件样式

前言方法一方法二传送门前言vue组件编译后，会将template中的每个元素加入[data-v-xxxx]属性来确保stylescoped仅本组件的元素而不会污染全局，但如果你引用了第三方组件，比如ElementUI
定栓·2020-09-20 11:48

Vue组件开发三板斧：prop、event、slot

组件，有些可以完全独立运行完全不依赖外部属性，比如层级较高的页面组件。但大多时候，组件还是需要使用方做一些定制操作，并可以在状态变化时通知给使用方，于是，一个组件最基本的API就是prop、event、slot，只要了解它们，那么再复杂的功能也能够做出来。1.组件属性定义propprop定义了这个组件有哪些可配置的属性，可通过父组件传递进来。如果是对象类型，比如对象或数组，它的默认值必须从一个工厂
娜姐聊前端·2020-09-19 00:29

vue组件传值--详细版

vue组件传值在日常开发中比较常见，在官方文档里面也有介绍，但是对于新手理解起来会有一点生涩。所以今天就把这个拉出来写一次。
陈宝玉啊·2020-09-18 17:13

vue插件 vue-countTo

vue-countTo是一个无依赖，轻量级的vue组件，可以实现数字的滚动效果属性描述类型默认值startVal开始值Number0endVal结束值Number2017duration持续时间，以毫秒为单位
空城机·2020-09-17 14:21

vue(2)

Vue组件化开发组件化开发的思想组件的注册组件间的数据交互组件插槽的用法Vue调试工具的用法组件开发思想标准分治重用组合组件化规范:WebComponents(并非所有的浏览器都支持)我们希望尽可能多的重用代码自定义组件的方式不太容易
晚月川·2020-09-17 14:51
上一页 82 83 84 85 86 87 88 89 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他