vue组件第141页

vue抽屉组件

vue-drawer介绍vue组件：抽屉现在许多第三方组件库都非常完善，如element-ui，但缺少一个重要的功能就是抽屉组件。现在单独开发出此组件，只需要全局声明一下即可使用，简单容易上手。

遗忘le·2019-12-07 12:45

dvajs-core在vue的实践

和react-router的轻量级前端框架dva：基于react和react-routerdva-core：仅封装了redux和redux-saga如何在vue中使用注入dispatch、state到vue

Jetsly·2019-12-07 09:07

Vuex核心概念

在Vue组件中获得Vuex状态由于Vuex的状态存储是响应式的，从store实例中读取状态最简单的方法就是在计算属性中返回某个

oWSQo·2019-12-07 09:28

Vue组件通信

attrs背景随着项目复杂度的提高，组件嵌套的层级越来越深，之前的组件通信一般使用v-bind和props组合使用，但是我们发现这种方式只是适用于父子组件，如果是孙子组件的话就需要将父组件的数据传递给子组件，子组件的数据再传递给孙组件，这样子就需要写很多props，有没有哪种方式可以直接将父组件直接传递给孙组件，让代码更加简洁？这就是$attrs的由来，解决跨组件数据传递，注意只对孙子组件有效，而

A郑家庆·2019-12-06 20:47

Vue组件入门

组件简介#组件系统：组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：抽象成组件树组件：组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。组件的创建和注册#使用Vue.js组件的三个步骤：创建组件构造器、注册组件和使用组件三个步骤例子如下：//1.创建一个组

GpingFeng·2019-12-06 18:24

基于Promise将Vue组件封装为插件

项目中有些组件在很多场景下都会用到，比如toast、messageBox、alert等，如果作为组件使用，则每个用到的地方都需要引入、注册等操作；如果把组件封装成插件，并作为实例的公共方法，则在整个应用中即可随处调用。以messageBox为例，封装插件。步骤如下：编写组件调用Vue.extend()方法，创建构造器创建组件实例挂载并插入文档往构造器上添加回调，监听用户的操作，取消还是确定创建Pr

一萧烟雨任平生·2019-12-06 14:36

vue组件兼容v-model

组件系统作为Vue最重要的部分之一，多人协作开发的时候，写好一个可复用的组件灰常重要，别的同事用到你写的组件的时候会觉得：“诶，这个小伙汁有点东西！”如果不用v-model，在原生input标签上怎么实现双向绑定呢？exportdefault{name:'customInput',data(){return{text:'message'}},methods:{handler(event){this

我是你班主任·2019-12-06 12:23

Vue组件通信中非父子组件传值知识点总结

前言：如果想要了解非父子关系的组件传值，最好是在了解父传子和子传父的基础上在来了解非父子传值可能会有更透彻的思路。因为非父子传值是通过定义事件总线来代理实现父传子+子传父从而实现的传值方式。这是我总结的父子传值相关的知识，可供参考:https://www.jb51.net/article/121806.htm然后大概回顾一下父子传值的过程:根据上述信息可知，如果两个组件需要传递值那么需要这两个组件

R_Javac·2019-12-05 08:09

Vue组件通信之非父子组件传值

前言：如果想要了解非父子关系的组件传值，最好是在了解父传子和子传父的基础上在来了解非父子传值可能会有更透彻的思路。因为非父子传值是通过定义事件总线来代理实现父传子+子传父从而实现的传值方式。这是我总结的父子传值相关的知识，可供参考:https://www.cnblogs.com/ViavaCos/p/11712131.html然后大概回顾一下父子传值的过程:根据上述信息可知，如果两个组件需要传递值

R_Javac·2019-12-04 23:00

1小时搞定vuepress快速制作vue文档/博客+免费部署预览

可嵌入vue组件或跳转至其他页面，可定

潘正·2019-12-04 17:00

html页面引入vue组件

html页面引入vue组件需要在页面引入http-vue-loader.js注意：要查看页面引入vue组件的效果不能直接在本地打开index.html，会有跨域问题，可以在本地配置一个nginx转发，再用浏览器访问

LinWenLi·2019-12-04 15:00

如何在使用Vue的情况下实现Electron打开文件保存对话框？

一、问题场景最近是在使用Electron+Vue构建一个基于modbusrtu协议的上位机应用，使用ipcMain和ipcRenderer实现点击Vue组件后打开对话框，获取到文件路径并写入数据，完成后通知

BlueMiaomiao·2019-12-03 20:56

Vue.js状态管理工具Vuex快速上手

Vue2简单入门Vue.js再入门Vue.js使用vue-router构建单页应用Vue.js状态管理工具Vuex快速上手状态管理:简单理解就是统一管理和维护各个vue组件的可变化状态(你可以理解成vue

_ihhu·2019-12-02 12:09

记一个复杂组件（Filter）的从设计到开发

此文前端框架使用rax，全篇代码暂未开源（待开源）原文链接地址：Nealyang/PersonalBlog前言貌似在面试中，你如果设计一个react/vue组件，貌似已经是司空见惯的问题了。

Nealyang·2019-12-02 10:43

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

本文总结了vue组件间通信的几种方式，如props、$emit/$on、

浪里行舟·2019-12-01 12:13

VueJS简明教程(二)之组件

所有的Vue组件同时也都是Vue的实例，所以可以接受相同的选项对象（除了一些根级特有的选项）并提供相同的生命周期钩子。一基础

景行_白色极限·2019-12-01 10:28

Element-UI的使用

zh-CNbower前段包管理器jquery#1.11npmnode包管理器[email protected]基于vue

吴涛涛·2019-12-01 07:05

vue组件定义方式，vue父子组件间的传值

vue组件定义方式，vue父子组件间的传值切换动态组件我是script中的模板我是template中的模板//组件:一个大对象//注册组件(两种编写方式)//注册组件，传入一个扩展过的构造器//Vue.component

奔跑的太阳花·2019-11-30 16:00

可拖拽排序的vue组件

最近在优化一个vue的博客系统，想实现文章列表处的文章拖拽功能。就试了一下awe-dndvue插件，觉得还挺好用的。安装npminstallawe-dnd--save使用在main.js中，通过Vue.use引入importVueDNDfrom'awe-dnd'Vue.use(VueDND)在vue文件中的使用{{color.text}}exportdefault{data(){return{co

real_ting·2019-11-30 13:52

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。image.png本文的代码请猛戳github博客，纸上得来终觉浅，大家动手多敲敲代码！一、属性1.自定义属性propsprop定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props

浪里行舟·2019-11-30 12:50

Vue组件创建和传值

Vue创建组件的方式使用Vue.Extend()和Vue.component全局注册组件首先我们定义一个组件并接收varcom1=Vue.extend({template:"这是通过Vue.extend创建的组件"});然后我们全局注册这个组件Vue.component('mycom1',com1);这样我们就可以在我们的代码中使用我们的mycom1组件了需要注意的是，如果我们注册的组件名称是以驼

赵镇·2019-11-29 18:30

使用npm打造自己的vue组件库

背景说明最近公司要将项目用的组件整合成一个npm库，像使用mint-ui一样引用，于是借这个机会学习了一下，实现按需引用自己的vue组件库。

景元合·2019-11-29 17:52

vue2 基础学习06 （Vue组件：使用组件的细节点）

一.使用is解决标签渲染中的小bug1.如下代码，将表格中的组件化Document//定义全局组件Vue.component('row',{template:`啦啦啦`}),newVue({el:'#app'})运行结果图示image乍一看是对的，但是细心的小伙伴会发现，组件row明明是引用在tbody中，但是在运行之后会发现:组件解析到外面去了这是一个bug2.解决方法：上出现的原因是因为在ht

邢走在云端·2019-11-29 08:25

vue组件常用声明方式

一.前言这是自己重新写的一个，感觉以前的太写了很多不必要的方式实际当中基本不会用的所以自己写了一个常用的组件什么方式更加的通俗易懂二.代码如下组件练习我是template全局组件我是template局部组件//全局组件Vue.component('clj',{template:"#my-template"})Vue.component("my-div",{template:`我是全局组件`})ne

程小杰呀·2019-11-28 11:00

Vue组件开发小结

组件化是长期开发过程中一个提炼精华的过程，目的主要是以下几点：提高复用性解耦提升未来的开发效率那么如何达到这样的效果呢，我们可以分几步来循序渐进地完成。下文主要是思路，想直接获取代码可转战ElementUI的Github去看源码一组件的定义组件从大类上可以分为两种：基础组件：例如ElementUI业务组件：通过基础组件或者业务组件组合而成，与业务强相关甚至强绑定二组件的颗粒度基础组件的颗粒度争议并

PengL·2019-11-28 06:27

在vue组件中设置定时器和清除定时器

由于项目中难免会碰到需要实时刷新，无论是获取短信码，还是在支付完成后轮询获取当前最新支付状态，这时就需要用到定时器。但是，定时器如果不及时合理地清除，会造成业务逻辑混乱甚至应用卡死的情况，这个时就需要清除定时器。某个页面中启动定时器后，一定要在页面关闭时将定时器清除掉。即在页面卸载（关闭）的生命周期函数里，清除定时器。{{buttonText}}exportdefault{data(){retur

imaring·2019-11-27 16:00

VUE DAY3 组件

Vue组件分为全局组件和局部组件：全局组件：在所有的vue实例中都可以使用局部组件：只有在当前的vue实例中可以使用全局组件

为什么要简称·2019-11-25 21:18

详解：如何在NPM上发布自己的第一个Vue组件库

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

Web Boy·2019-11-24 12:53

[Input-number]数字输入框组件

需求加、减按钮初始值最大、最小值数值改变时，触发一个自定义事件来通知父组件目录文件index.html入口页input-number.js数字输入框组件index.js根实例实现关键Vue组件是单向数据流

rencoo·2019-11-22 16:00

vue2.0 资源文件assets和static的区别----图片路径问题

在*.vue组件中，所有的templates和css都会被vue-html-loader和css-loader解析，寻找资源的URL。举个例子，在和background:url(./

world_7735·2019-11-21 15:01

vue组件通信---非父子组件（bus）/任意组件间的通信（pubsub）

方式一：bus中央总线利用总线方式可以平级组件进行通信无论是父向子传值还是子向父传值，都需要一个中间介质。对于平级组件来说其实也一样，他们也需要一个中间介质来作为一个中央事件总线。第一步：我们先来创建中央事件总线，在src/assets/下创建一个bus.js,内容如下importVuefrom'vue'exportdefaultnewVue();eventBus.js中我们只创建了一个新的Vue

muzidigbig·2019-11-20 17:30

四、VSCode调试vue项目

在可以从VSCode调试你的Vue组件之前，你需要更新webpack配置以构建sourcemap。做了这件事之后，我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。

平民的麦田·2019-11-19 14:00

Vue学习笔记:Vue组件的核心概念(下)

1.双向绑定和单向数据流：本质上还是单向数据流视图数据v-model：仅仅是一个简写，用更少代码去实现功能。自定义事件.sync修饰符2.虚拟DOM及KEY属性作用jquery:vue:virtualdom新旧DOM树比较同层级比较：节点移动不带Key移动带Key移动插入有KEY(性能高)节点删除新建（算法因为同层级策略，无法达到最优解）3.如何触发组件更新数据驱动任何修改DOM的行为都是在作死！

张飞洪[厦门]·2019-11-19 09:00

为了让大家能在vuepress中写react，我开发了rcpress

以前开发vue组件时，写文档使用的就是它，之后转战react后觉得没有类似的顺手的文档工具，就模仿vuepress写了这个rcpress。

王wwyy·2019-11-18 14:14

04 Vue组件

组件每一个组件都是一个vue实例每个组件均具有自身的模板template，根组件的模板就是挂载点每个组件模板只能拥有一个根标签子组件的数据具有作用域，以达到组件的复用1、根组件{{msg}}//通过newVue创建的实例就是根组件(实例与组件一一对应,一个实例就是一个组件)//每个组件组件均拥有模板,templatevarapp=newVue({//根组件的模板就是挂载点el:"#app",dat

簟纹灯影·2019-11-14 22:00

Vue学习笔记:Vue组件的核心概念(上)

属性，事件，插槽好文1.属性1.1导言vue组件=vue实例=newVue(options)不同的组件只不过是options的不同，90%的工作都是围绕配置options来进行1.2分类2.事件事件冒泡阻止事件冒泡

张飞洪[厦门]·2019-11-14 09:00

Vue图片预览

picturev-viewer用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。

24KBING·2019-11-12 13:58

渐进式的使用Vuex

vuex最简单、最详细的入门文档(https://segmentfault.com/a/11...如果你在使用vue.js,那么我想你可能会对vue组件之间的通信感到崩溃。

亲爱的阿乾·2019-11-11 20:35

vue 中几种传值方法

前言vue项目中，组件跟组件之间数据的传递是很普遍的行为，在这里总结几种常见的vue组件跟组件之间传值方式，其中，主要有父子组件，非父子组件传值。

蛙哇·2019-11-11 20:59

十分宠爱--冲刺日志(第三天)

SCRUM部分(1)成员描述成员姓名今日进度耗时明日目标今天遇到的问题胥鹏学习vue框架5h写一个页面出来学习过程暂时没问题郑学贵完成宠物百科爬虫4h完成医院爬虫李享完成个人信息填写页面3h完成注册登录模块vue

十分宠爱·2019-11-10 23:00

Vue组件开发实践

进行抽象化开发.因此,组件的开发和类的设计有着异曲同工之处.类的设计原则有以下几种,分别是:单一职责原则接口隔离原则开放封闭原则依赖倒置原则关于这方面的资料网上介绍比较多,这里我对此概念进行迁移,用于解释Vue

烈风裘·2019-11-08 21:15

(码友推荐)2018-07-17 .NET及相关开发资讯速递

ASP.NETCoreMVC基础系列（一）4.CreatingaThrottlewithActionBlock5.ImportantTipstoWriteCleanCodeinC#6.vue实践技巧合集7.Vue

Rector·2019-11-08 17:26

2019-11-01vue组件基础

1.在组件上使用v-model自定义事件也可以用于创建支持v-model的自定义输入组件。记住：等价于当用在组件上时，v-model则会这样：为了让它正常工作，这个组件内的必须：将其value特性绑定到一个名叫value的prop上在其input事件被触发时，将新的值通过自定义的input事件抛出写成代码之后是这样的：Vue.component('custom-input',{props:['va

__444L____·2019-11-08 15:42

关于Vue生命周期的思考

关于Vue组件生命周期，官方图示：Vue组件生命周期在开发过程中遇到关于生命周期的问题，整理分享下：Vue-router跳转同名路径的问题问题来自：vue-router跳转同名路径的问题在社区交流中对于新手经常遇到这个问题

水墨寒·2019-11-08 07:25

清江渔夫·2019-11-08 04:05

vue 组件通信传值父传子子传父

vue组件通信传值父传子子传父我们知道vue的特点就是组件化开发,说到组件化开发必定少不了的就是组件之间的通信传值了,说到组件之间的通信你有知道多少呢?

xiubinxu·2019-11-07 16:12

Vue组件

源码Vue组件body{padding:15px;}{{title}}Vue.component('praise-component',{props:['title','pclass'],//给这个组件添加默认的属性

sunxiaochuan·2019-11-07 06:50

vue组件通信方式总结

1.props,emit最常用https://cn.vuejs.org/v2/api/#...https://cn.vuejs.org/v2/guide...2.$parent和$children指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用this.$parent访问父实例，子实例被推入父实例的$children数组中。注意⚠️节制地使用$parent和$children-它们的

清zzzz·2019-11-06 23:57

rcpress- 基于React的文档生成器

前言以前开发vue组件时，写文档使用的是vuepress，之后转战react后觉得没有顺手的文档生成工具，就模仿vuepress写了这个rcpress。

王wwyy·2019-11-06 17:33

VUE 组件转换为微信小程序组件的方法

本文通过对VUE组件的JavaScript、CSS模块进行转换，比如JavaScript模块，包括外层对象，生命周期钩子函数，赋值语句，组件的内部数据，组件的对外属性等等来实现把一个V

码神么·2019-11-06 08:10

推荐频道

vue组件