vue组件

vue组件中watch props根据v-if动态判断并挂载DOM的问题

问题复现：父组件中通过名为source的prop向子组件Chart传入数据importChartfrom'../components/Chart'exportdefault{name:'Home',components:{Chart},data(){return{chartData:[]}},mounted(){setTimeout(()=>{this.chartData=[[89.3,58212
JS菌·2019-05-12 09:46

用@vue/cli发布npm包

node,npm,@vue/cli2.初始化项目用@vue/cli创建新项目vuecreatemtest-ui删除public,main.js,App.vue等无关文件，新增packages文件夹存放自己的vue
今天星期五·2019-05-10 17:00

Vuex持久化 &vue组件设置背景色

一、Vuex持久化插件在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。为了克服这个问题，vuex-persistedstate出现了~~1、原理将vuex的state存在localStorage或sessionStorage或cookie中一份，刷新页面的一瞬间，vuex数据消失，vuex会去sessionStorage中得到数据，变相的实现了数据刷新不丢失~2、安装npm
Grayly吖·2019-05-10 09:34

bootstrap-table formatter 使用vue组件的方法

bootstrap-table简介•1.1、bootstraptable简介及特征：Bootstraptable是国人开发的一款基于Bootstrap的jQuery表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。目前在github上已经有2600多个Star，可见其受欢迎程度。其官方网站地址为：http://bootstrap-table.
Chobits·2019-05-09 09:01

bootstrap-table formatter 使用vue组件

import{Subject}from"rxjs";importVuefrom"vue";exportconstBtEventHub=newSubject();constVueComList=[];letVueComId=0;BtEventHub.debounceTime(10).filter(()=>VueComList.length>0).delay(10).subscribe(functio
Chobits·2019-05-08 00:00

vue-cli3.0 + Vant UI搭建移动端基础框架

安装VantVant-轻量、可靠的移动端Vue组件库npmivant-S主要说下按需引用、REM适配、定制主题，因为官网的描述感觉还是太简单了，对于刚开始用还是需要一点时间的。
java架构师1·2019-05-07 16:13

如何获取vue单文件自身源码路径

这些页面统一为.vue组件，那么转换一下：如何获取vue单文件自身源
CNine·2019-05-06 15:25

Vue动态组件和异步组件原理详解

抛开具体细节不谈，一个普通Vue组件从创建到展现在页面里，主要经历了以下流程：
Yzz·2019-05-06 08:39

vue组件化中slot的基本使用方法

前言slot可以在子组件中开启插槽，在父组件引用该组建时，可以定义这个插槽内要展现的功能或模块，下面话不多说了，来一起看看详细的介绍吧1.单个slot子组件中在相应位置写slot标签，父组件在引用子组件时，在子组件标签内写要插入插槽的元素；还可以设置slot在父组件没有设置插槽时，子组件的插槽默认显示内容；父组件.vue这是父组件的slot替代内容！​importchildComponmentfr
阿飞飞飞·2019-05-01 09:37

Vue组件注册与数据传递

父子组件创建流程1.构建父子组件1.1全局注册(1)构建注册子组件//构建子组件childvarchild=Vue.extend({template:'这是子组件'});//注册名为'child'的组件Vue.component('child',child);(2)构建注册父组件//构建父组件parent,在其中嵌套child组件varparent=Vue.extend({template:'这是
前程明亮·2019-05-01 00:00

【Element-UI】走马灯（Carousel）中图片的处理问题

可以将代码修改如下：（页面的背景是vue框架下的element-ui，vue组件中有templatescript和style模块）首先是
AXIMI·2019-04-28 17:48

详解VUE项目中安装和使用vant组件

Vant是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。
安树·2019-04-28 16:40

详解auto-vue-file:一个自动创建vue组件的包

auto-vue-fileautocreate.vuefilebyshellcommand通过终端自动创建vue文件前言：1:我们在写xxx.vue页面文件的时候，一般都要写这些重复的代码：zlj组件exportdefault{name:'zlj'}.zlj-comp-ct{}2:写组件的时候可能还要在components目录下面新建一个目录:xxx,里面是xxx.vue和index.js比如my
火锅小王子·2019-04-26 14:32

vue组件间的参数传递实例详解

场景分析在前端开发中，我们常常会运用到“组件库”。在main入口中引入组件库，就可以很轻松的在页面中引入，并做一些基本的配置，如样式，颜色等。只需要在引入的组件中写入特定的属性，就能够定义。举例说明例如：element-ui组件库中使用switch开关，有个属性active-color是设置“打开时”的背景色。change事件是触发状态的事件。exportdefault{data(){return
lianjy357·2019-04-26 14:48

auto-vue-file:一个自动创建vue组件的npm包

auto-vue-fileautocreate.vuefilebyshellcommand通过终端自动创建vue文件前言：1:我们在写xxx.vue页面文件的时候，一般都要写这些重复的代码：zlj组件exportdefault{name:'zlj'}.zlj-comp-ct{}2:写组件的时候可能还要在components目录下面新建一个目录:xxx,里面是xxx.vue和index.js比如my
火锅小王子00·2019-04-26 11:17

Vue--Vue模板语法--Vue指令(文本渲染,v-bind绑定,class和style绑定,事情处理,条件渲染,列表渲染,表单输入绑定)--Vue组件(定义组件,使用组件,is属性,模板)

目录一.Vue模板语法一.插值二.JavaScript表达式二.指令一.文本渲染二.class和style绑定三.事件处理四.条件渲染五.列表渲染六.表单输入绑定三.组件一.定义组件二.使用组件三.is属性Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与
Cap绛琛tain·2019-04-25 15:28

Vue组件通信的几种实现方法

组件的通信一般常见的组件之间的通信有以下几种情况，A和B，B和C，B和D之间都是父子关系，C和D之间是兄弟组件关系。常用的通信手段有两种：1.ref：给元素或组件注册引用信息2.children:访问父级组件和子组件的实例。这两种方式都是直接通过实例的方式获取的方式。示例如下：//comA组件Aexportdefault{data(){return{title:'测试通信'}},methods:{
白兔爱吃大灰狼·2019-04-25 08:15

vue组件传值之 eventBus 使用指南

VUEeventBus问题背景：组件传值；在项目开发中，会发现组件传值是一个组基本的操作，也是用的最多的。但是很多时候可能涉及到爷爷和孙子，甚至重孙子之间需要的传值。这个时候eventBus就到了大显身手的时候了。eventBus嗯，就叫一个事件公共汽车吧。每个人把需要共享给别人的物品就放在这个车上，谁需要了就可以去拿，这样子是不是很方便，每个人都可以访问到，每个人也可以往这个车子上放东西。下面开
前端小泰迪·2019-04-24 11:47

二、vue-cli 工程技术集合介绍

3、vuex：专为Vue.js应用项目开发的状态管理器，主要用于维护vue组件间共用的一些变量和方法。4、axios（或者fetch、ajax）：用于发起GET、或POST等http请求，基于P
取个名字还真滥·2019-04-23 22:55

vue 中 beforeRouteEnter 死循环的问题

如果在vue组件的beforeRouteEnter钩子函数中调用API请求，会出现循环执行的问题：beforeRouteEnter(to,from,next){login().then(()=>{next
张茂·2019-04-23 08:41

vue 中的events

我们都知道dom操作会触发时间，vue组件自己也有一套事件在initMixin中，在合并options时可以看到opts.
无雪冬天·2019-04-23 00:00

Vue组件传值与通信集合

Vue的组件化给前端开发带来极大的便利，这种依赖数据来控制Dom的模式，区别于以前的开发控制Dom的开发理念，这也导致了一种情况，在Vue中是单向数据流的，意味着只能从父组件向子组件传值，不允许子组件向父组件传值。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。---vue教程然而当我们把组件拆分到足够细的时候，子组件控制父组件的数据，或者兄弟组件之间的传值就变得尤为
Max_Law·2019-04-22 11:54

Vue组件库工程探索与实践之构建工具

作为《Vue组件库工程探索与实践》系列文章开篇之作，我们从“盘古开天地”说起吧。
lentoo-·2019-04-22 08:03

vue组件

组件的全局注册：注册的标准写法：varHello=Vue.extend({template:'hellocomponent'})Vue.component('Hello',Hello)简写：Vue.component(组件名称，组件的配置项)Html:Js:Vue.component('Hello',{template:'Hello全局注册',computed:{},methods:{},watc
clover____·2019-04-21 13:42

vue组件之间通信

vue组件之间通信vue组件之间通信方式：1.父组件通过props向下传数据给子组件，子组件通过$emit事件告诉父组件，父子组件方便，其他类型组件不友好2.vuex状态管理器，将组件需要变量全部存储在一个对象里
三十六计至做笔记·2019-04-19 15:50

vue组件之间的数据传递方法详解

（1）props属性：在父组件中，可以通过子组件标签属性的形式将数据或者函数传给子组件，子组件通过props去读取父组件传过来的数据用法父组件传数据给子组件：一般的属性值都是用来给子组件展示的子组件传数据给父组件属性值为函数类型的，一般是用来子组件向父组件传递数据，子组件通过调用父组件传过来的函数，可以修改父组件的状态数据缺点：隔层组件间传递:必须逐层传递(麻烦)兄弟组件间:必须借助父组件(麻烦)
Ivy0919·2019-04-19 11:57

Vue组件系列开发之模态框

开发Vue组件系列之模态框,主要有标题、内容、定时器、按钮文案、按钮事件回调、遮罩层这些可配置项。本次开发得组件是本系列的第一个组件,后期也会有更多系列教程推出。
Echi灬丨无痕·2019-04-18 15:43

4.17前端日报—封装Vue组件的一些技巧

给「前端开发博客」加星标，每天打卡学习长按二维码即可识别“进入网页”查看哟~1、封装Vue组件的一些技巧本文同步在个人博客shymean.com上，欢迎关注写Vue有很长一段时间了，除了常规的业务开发之外
前端开发博客·2019-04-17 23:01

记一次Vue.js混入mixin的使用(分权限管理页面)

一、mixin的概念官方文档这么说：混入是一种分发Vue组件中可服用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
青草怪味豆·2019-04-17 11:26

Vue组件间通信方法总结（父子组件、兄弟组件及祖先后代组件间）

前言除了使用Vuex方法外，vue提供了各种各样的组件间通信的方案。文章整理一下父子组件、兄弟组件、祖先后代组件间是如何通信的。父子组件通信props和$emit父子组件通信子组件有时需要与父组件进行沟通，沟通的方式就是子组件emit事件，父组件通过监听这个事件来做进一步动作。而父组件与子组件通信则使用props假设这里有一个父组件并引入了一个子组件my-comp：父组件有一系列msg数据需要通过
JS菌·2019-04-17 09:00

造轮子：写vue组件库orange-ui

项目搭建项目效果地址项目搭建参考从零开始搭建Vue组件库VV-UI项目地址记录模仿VV-UI组件库造轮子中遇到的问题，以及解决方案新建项目对于脚手架环境的问题，目前已经有非常成熟的vue官方的脚手架，我们拿来用就好了
缓缓先生·2019-04-17 00:00

封装axios请求并对提交参数进行校验

当然,你也可以直接用于表单参数校验,使用的校验工具是async-validator查看详情;之前曾用它封装过Vue的form表单组件,这个找个时间再出个教程,教你如何封装属于自己的Vue组件。
Echi灬丨无痕·2019-04-16 23:38

京东开源移动端Vue组件库NutUI 2.0发布

NutUI是一套来自京东用户体验设计部（JDC）前端开发部的移动端Vue组件库，NutUI1.0版本于2018年发布。据不完全统计，目前在京东至少有30多个web项目正在使用NutUI。
李大凡·2019-04-16 00:00

vue的混合mixins学习

mixins  混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。  混合对象可以包含任意组件选项。  当组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。
GavinJay·2019-04-15 16:00

图片自适应裁剪与缩放-vue组件（仿微信小程序）

功能概述制作一个组件，如微信的image标签一样拥有13种mode，以及懒加载功能。本次可以说是一次功能的移植。功能属性名均参照微信api文档制作。使用方式也与小程序的image基本一致。因为开发小程序时觉得这个标签给的属性不错，所以在vue中我也做了个一样的组件。没有开发过小程序的同志可以查看微信api文档或者更继续参考下文。13种mode13种mode包括4种缩放，9种裁剪。各种mode展示如
苏茶茉芳_亚泽伊·2019-04-15 13:40

详解Vue组件之间通信的七种方式

使用Vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。父子组件之间的通信1）props和$emit父组件通过props将数据下发给props,子组件通过$emit来触发自定义事件来通知父组件进行相应的操作具体代码如下:```//父组件props和$emitimportChildrenfrom'./children';exportdefault{data(){
雨夜望月·2019-04-14 16:48

浅谈Vue CLI 3结合Lerna进行UI框架设计

当前大部分UI框架设计的Webpack配置都相对复杂，例如Element、AntDesignVue和Muse-UI等Vue组件库。
子奕·2019-04-14 15:52

说说如何使用Vuex进行状态管理(小结)

1为什么需要状态管理一个Vue组件分为数据（model）与视图（view）。当通过methods中的方法更新数据时，视图也会自动更新。
deniro·2019-04-14 09:51

从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)

自己写的组件有的也挺好的，为了方便以后用自己再用或者给别人用，把组件打包发布到npm是最好不过了，本次打包支持支持正常的组件调用方式，也支持Vue.use,也可以直接引用打包好的js文件，配合vue.js就不需要webpakc这种构建工具了，可以直接在页面内使用，下面以‘yyl-npm-practice’这个包为例第一步：使用vueinitwebpack-simpleyyl-npm-practic
进军的蜗牛·2019-04-13 16:00

vue-cli3.0 + Vant UI搭建移动端基础框架

image.png安装VantVant-轻量、可靠的移动端Vue组件库npmivant-S主要说下按需引用、REM适配、定制主题，因为官网的描述感觉还是太简单了，对于刚开始用还是需要一点时间的。
前端_逗叔·2019-04-12 18:50

前端UI框架小汇总

/zh-cn描述：基于vue的移动端UI框架基于vue组件库：MintUI.pngGitHub地址：https://github.com/ElemeFE/mint-ui/star：8705，fork：1810latestcommit2017.12.66pm32contributors
layjoy·2019-04-12 10:27

前端UI框架小汇总

/zh-cn描述：基于vue的移动端UI框架基于vue组件库：MintUI.pngGitHub地址：https://github.com/ElemeFE/mint-ui/star：8705，fork：1810latestcommit2017.12.66pm32contributors
layjoy·2019-04-12 10:27

vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show

需求：点击btn,弹出modal显示图表（以折现图为例）这应该是很基本的需求也是很容易实现的，代码和效果如下：代码解释：setTem是一个方法，改变modal为true，默认为false；chart-line是图表子组件，通过data向其传递参数，data绑定的数据是父组件mounted后拿到的数据效果图：点击btn后的确显示了modal框，但是里面的图表不能显示，接着改变子组件任何代码，迫使重新
进击的小王子·2019-04-12 09:16

vue+echarts实现可拖动节点的折线图（支持拖动方向和上下限的设置）

c=line-draggable,但是不是用vue写的，并且在改写为vue组件的过程中遇到了很多问题，在百度过程中发现并没有相关的文档，所以决定自己开发，并在demo的基础上开发了一些实用的功能，所以把这
进击的小王子·2019-04-12 09:53

【vue】vue组件发表评论功能

今天看了vue相关的视频，所以跟着做一个小demo把知识串联起来，内容很简单但是也算是学习道路上的一点进步。1思路分析发表评论模块写入一个组件，提高复用性。关键点：子组件通过localStorage向父组件传值子组件有自己的data存储user和content，即评论人和评论内容，也就是dom元素绑定的数据。点击‘发表评论’后，首先是将各条评论存入localStorage,然后通过在组件出绑定的函
ljs_coding·2019-04-11 19:04

【vue】vue组件发表评论功能

今天看了vue相关的视频，所以跟着做一个小demo把知识串联起来，内容很简单但是也算是学习道路上的一点进步。1思路分析发表评论模块写入一个组件，提高复用性。关键点：子组件通过localStorage向父组件传值子组件有自己的data存储user和content，即评论人和评论内容，也就是dom元素绑定的数据。点击‘发表评论’后，首先是将各条评论存入localStorage,然后通过在组件出绑定的函
ljs_coding·2019-04-11 19:04

Vue-Ant Design Vue-普通及自定义校验

在GitHub上可以找到几个AntDesign的Vue组件。不过相比较而言，AntDesignVue更胜一筹。
谷文杰·2019-04-09 20:37

vue面试题总结

1.vue组件的scoped属性的作用；在style标签上添加scoped属性，以表示它的样式作用于当下的模块，很好的实现了样式私有化的目的；但是也的慎用：样式不易（可）修改，而很多时候，我们是需要对公共组件的样式做微调的
lqdcanty·2019-04-09 17:31

vue实现文字横向无缝走马灯组件效果的实例代码

marquee标签已经废弃了，只能手动实现文字走马灯样式基于vue组件开发//外框，固定宽度//内部滚动框{{text}}//展示的文字//文字副本，为了实现无缝滚动{{text}}//为了获取text
钱英俊真英俊·2019-04-09 13:26

「Vue实践」武装你的前端项目

本文目录接口模块处理Vue组件动态注册页面性能调试：HiperVue高阶组件封装性能优化：eventBus封装webpack插件：真香本文项目基于Vue-Cli3，想知道如何正确搭建请看我之前的文章：「
weixin_33747129·2019-04-09 02:17
上一页 144 145 146 147 148 149 150 151 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他