vue组件

vue系列_vue-Router_组件内部的路由守卫（局部路由守卫）01

在Vue组件里有个函数叫作：beforeRouteEnter。就是完成路由守卫的，表示进入当前路由前要做什么？
田江·2020-07-02 05:20

Vue项目中使用Vuex

以我的理解就是在vue组件的data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。所以Vuex可以这么理解：集中管理所有组件中需要共用的属性（
杨家八公子·2020-07-02 05:43

自定义vue中的验证码组件

验证码效果：新建一个identify.vue组件，代码如下其中identifyCode为验证码的数值在父组件操作identifyCode值及验证信息exportdefault{name:'SIdentify
卡卡欧文·2020-07-02 02:39

Vuex由浅入深

需要声明的是，这里所说的状态指的是vue组件中data里面的属性。了解vue的人应该是明白data是怎么回事的吧，如果不懂的话，建议先学完vue的基础知识再看vuex。
ZhandsomeZ·2020-07-02 01:01

vue项目前端实现图形验证码

但是下面的代码会把背景干扰写进去）1.下载identify插件，命令：npmiidentify2.在你的components目录新建一个vue组件，我的命名是：sIdentify.vue3.在组件内把下面的代码
Iris122_·2020-07-02 01:25

webpack配置中ts-loader设置appendTsSuffixTo Vue的作用

在.vue单文件组件中我引入了当前目录下的app.vue组件单文件组件会被vue-loader解析成三个部分，script部分最终交给ts-loader去处理tsc不知道如何处理.vue文件结尾的文件会报错报错提示
dglf54292·2020-07-01 22:14

d3分区扇形拼接雷达图（regional_radar）,vue组件间通信，js模块和vue组件互相引用，vue-router,element-ui,axios,echarts,less(开箱即用)

项目基于vue-v2.x版本搭建，包含了：vue组件，组件间通信，外部js模块和vue组件的互相引用，vue-router,element-ui,axios,echarts,less(全部配置好，开箱即用
dengzeyuan·2020-07-01 22:47

vue组件传参

父子组件通信1、父组件给子组件传递数据，请查看下面这篇文章vue中的prop2、子组件给父组件传递数据（一般不推荐）需要借助emit事件，可以传递数据和调用父组件的方法兄弟组件通信兄弟组件之间的通行需要借助第三方，如bus.jsbus.jsimportVuefrom'vue';//使用EventBusconstbus=newVue();exportdefaultbus;需要通信的两个文件都要要引入
angus.dai·2020-07-01 21:40

一个例子入门Vue2.X+vue-router+Vuex+Webpack单页面应用程序

Vue.js官方文档vue-router的作用就是将Vue组件(c
慕森·2020-07-01 19:43

Vue组件通信方式2 - 自定义事件

点击删除p标签父组件App.vue我是被删的那个importEmitfrom'./components/Emit.vue';exportdefault{name:'App',components:{Emit},data(){return{}},methods:{//通过args接收子组件传来的参数deleteP(args){console.log('我接收到子组件传递的事件了')console.l
理子·2020-07-01 16:39

vue组件化通信之兄弟组件传值

vue组件化通信之父向子传值vue组件化通信之子向父传值在vue中兄弟节点传值一般有两种方法：$parent和$root，建议使用前者使用$parent**parent.vue**importchildTestfrom
前端打字员·2020-07-01 15:35

Vue3.0都来了，这些超火的Vue组件你还没有用过吗？

此前Vue发布了3.0的beta版本，昨晚的直播中项目核心开发者尤雨溪公开分享了关于该版本的相关信息。首先，beta阶段意味着：已合并所有计划内的RFC已实现所有被合并的RFCVueCLI现在通过vue-cli-plugin-vue-next提供了实验性支持此外还提供了一个用于Vue3的最小化webpack配置，支持单文件组件其中有一个主要的RFC是关于新引入的CompositionAPI（组件声
Gitee·2020-07-01 15:51

Vue和DataV强强联合，这个大数据可视化模板你一定要拥有

奔跑的面条开源许可协议：Apache-2.0项目地址：https://gitee.com/MTrun/big-screen-vue-datav项目简介一个基于vue、datav、Echart框架的"数据大屏项目"，通过vue
Gitee·2020-07-01 15:51

Vue 父组件向子组件动态传值 简单实例(选项卡，单选)

Vue组件间通信的方式有N多种了，但无非是父子组件间通信，兄弟组件间通信，跨级组件间通信。
Zed_GM·2020-07-01 15:25

想用Vuejs突破20K？这几个面试题必会掌握

想用Vuejs突破20K必备的热门面试题(二)-data的限制Vue组件data为什么必须是个函数而Vue的根实例则没有此限制？
WebBall·2020-07-01 14:43

关于Android工程师转vue的三两事儿(6)--生命周期

一、生命周期示意图：vue生命周期示意图如上图所示，在vue组件生命周期内一共经历：beforeCreate:组件创建前created：组件创建beforeMount：组件挂载前mounted
KlivitamJ·2020-07-01 12:34

Vue-cli3 Jest单元测试

本文介绍：1、初始化未选择安装test模块的vue-cli3项目下jest环境的搭建2、vue组件基本的测试方法1.环境配置1.1安装Test-unit依赖npminstall--save-dev@vue
MikeZhang93·2020-07-01 11:26

Vue组件创建

Vue.component('button-counter',{data:function(){return{count:0}},template:'Youclickedme{{count}}times.'})来自官网的例子：1、data是函数而不是一个实例；如果是一个实例的话，组件复用是，data数据会共享2、template：就是编写html的地方。注意的是一个vue实例中：template只
Lhy@@·2020-07-01 11:41

vux x-input @on-click-clear-icon 删除按钮不起作用解决方案

修改源码但是注意每次运行install是都需要重新修改回来步骤如下(我是在vue-cli中使用的)①找到你的node_modues---vux---src--components---x-input--index.vue
瘦子先生·2020-07-01 11:04

《精通react/vue组件设计》之5分钟实现一个Tag(标签)组件和Empty(空状态)组件

前言本文是笔者写组件设计的第五篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码,一切皆组件的思想深得人心.所以,为了让工程师们有更多的时间去考虑业务和产品迭代
徐小夕_上海·2020-07-01 10:38

Vue拼图验证组件（支持大小、形状、图片、偏差、范围的自定义）

vue-puzzle-verification封装的一个用于登录验证的拼图的vue组件，使用了canvas画图和拖拽的一些技巧。支持大小、形状、图片、偏差、范围的自定义。
Kevinblant·2020-07-01 10:27

VUE组件过渡切换 利用transition实现组件前进后退切换出现的问题

首先，作为一个大条性格的人，写动画太难受，在做这个效果的时候磨了好久，终于磨出来啦！首先先要熟悉过度动画动画的整体流程.v-enter{初始进入过渡时的状态}.v-enter-to{进入过渡后的状态}.v-leave{初始离开过渡的状态}.v-leave-to{离开过渡后的状态}.v-enter-active{定义进入过渡的过程}.v-leave-active{定义离开过渡的过程}上面的定义是没有
一个小人儿·2020-07-01 07:56

Vue+echart实现在tooltip中点击

在使用echart时，有时会需要在tooltip中实现点击特定数据来进行某些操作，但echart的tooltip中添加点击时只能用的方式实现，并且不能使用vue的指令这样的话，点击事件的回调函数就没法访问vue
Qice·2020-07-01 07:49

一次搞定Vue组件传值

1.父组件向子组件传值一般会在子组件里面定义props来做接收，这是比较常见的情况这是父组件我是父组件我发送给第一个组件的信息是:{{msg}}importChildOnefrom"../components/children1";importChildTwofrom"../components/children2";exportdefault{components:{ChildOne,Child
whyfail·2020-07-01 06:46

vue里封装的节流防抖文件

://blog.csdn.net/weixin_42333548/article/details/908152581、节流防抖写成一个公用的js文件（这是一种思维，尽量把一些公用的提取为js文件，所有vue
漂亮得皮皮·2020-07-01 06:32

出行助手Vue项目中echarts的使用

引入：本项目搭建完成之后，根据官网的提示，在webpack中使用echarts，通过npm安装echarts:npminstallecharts--save使用：echarts可以作为一个正常的vue组件使用
菜鸡的全栈路·2020-07-01 04:43

Vue组件的渲染更新原理解析

本版本是对于vue2.x的总结，未来等学习了vue3，再完善对比一波！然后就是说，我们这里主要介绍原理部分，所谓二八原则，我们一切都从最重要的说起吧！一切从这张图开始让我们一步步看吧！一、初始化在newVue()之后。Vue会调用_init函数进行初始化，也就是这里的init过程，它会初始化生命周期、事件、props、methods、data、computed与watch等。二、模板编译上面就是使
低调的小犬_Hansen·2020-07-01 04:57

vue.js父组件向子组件传递

Vue组件的API来自三部分-props,events和slots：Props允许外部环境传递数据给组件Events允许从外部环境在组件内触发副作用Slots允许外部环境将额外的内容组合在组件中。
痛心凉·2020-07-01 03:39

Vue初学30-vue组件化的使用方案

vue在使用时是通过el属性与dom元素绑定，dom元素在html文件中，如果将dom元素都放在html文件中，随着页面的复杂，元素会越来越多，可读性差，维护起来也不方便。因此，需要采用组件化的思想组织页面元素。el和templatevue中通过el属性与dom元素关联，vue中还有template属性，生成后，template中的元素将替换el中关联的dom元素。将main.js和index.h
周达·2020-07-01 02:37

前端之路--vue学习总结(组件封装:父子组件通信)

vue组件封装:父子组件通信前端之路–前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(vue-router)组件的封装涉及到了组件之间的相互通信，这里面包含了更多的知识点
JS新贵·2020-07-01 01:34

vue3.0 Composition API 上手初体验 vue组件的具名插槽 slot 的变化

vue3.0CompositionAPI上手初体验vue组件的具名插槽slot的变化在我讲vue3.0的普通组件的内容里，我提到了具名插槽发生了变化，我当时不清楚新的如何使用。
FungLeo·2020-07-01 01:20

在vue组件中使用vuex的state状态对象的5种方式

首先来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jsconststate={headerBgOpacity:0,loginStatus:0,count:66}exportdefaultstate//index.jsimportVuefrom'vue'importVuexfrom'vuex'importstatefrom'./state'
rain129·2020-06-30 23:26

Vue组件间传值

首先vue组件化的一个框架。既然是组件化。那么一定存在组件和组件之间传值的问题在讨论组件和组件怎么传值的问题之前，可以先看看组件与组价之间有三种关系。
人话博客·2020-06-30 23:02

Vue从零开始之Vue组件

文章目录Vue组件组件基础组件模板抽离的写法组件中定义data/方法父子组件通信传值父传子:props属性props大小写问题子传父:自定义事件数据双向绑定时子传父父子组件访问父访问子children和
课本里的小亮·2020-06-30 23:54

iView修改Table组件中标题和内容的样式

iView修改Table组件中标题和内容的样式iView是一个封装的比较好的Vue组件，所以当我们需要去修改其中部分组件的样式时，就没有修改普通CSS那么容易了，但我们还是有方法去修改的，下面列出一种解决修改样式问题的方案
1723·2020-06-30 20:32

vue组件之间8种组件通信方式总结

对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。1.props和$emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。Vue.component('child',{data(){return{mymessage:this.message}},template:``,props:['m
zhoulu_hp·2020-06-30 16:49

Vue.js 组件复用和扩展之道

那么，扩展Vue组件的最佳方法是什么？Vue提供了不少API和模式来支持组件复用和扩展，你可以根据自己的目的和偏好来选择。本文介绍几种比较常见的方法和模式，希望对你有所帮助。
李中凯·2020-06-30 15:00

vue assets和static文件夹的作用

WebpackedAssets在*.vue组件中，所有模板和CSS都会被vue-html-loader及css-loader解析，并查找资源URL。例如，在和background:url(.
zeroyulong·2020-06-30 13:27

前端框架vue.js系列（9）：Vue.extend、Vue.component与new Vue

vue构造、vue组件和vue实例这三个是不同的概念，它们的关系有点类似于Java的继承概念：关系：vue构造->vue组件->vue实例也就是说不同的vue组件可以共用同一个vue构造，不同的vue实例可以共用同一个
黄泽平·2020-06-30 12:06

Vue+Ts搭建项目(一)： 前置知识

Vue组件的几种形式在vue+typescript中我们可以使用三种形式定义组件类组件扩展组件函数组件类组件是我们在ts项目中使用频率最高的组件，它可以使用我们的装饰器，使组件完美的使用typescript.import
高先生的猫·2020-06-30 11:37

利用Vue.js实现拼图游戏

来源：微信公众号—前端呼啦圈（Love-FED）作者：劳卜之前写过一篇《基于Vue.js的表格分页组件》的文章，主要介绍了Vue组件的编写方法，有兴趣的可以访问这里进行阅读：基于Vue.js的表格分页组件
极乐君·2020-06-30 11:52

kylinH5框架之项目组件理解

目录组件介绍组件声明结构组件接口scriptdependencytemplatestyle状态注入接口声明组件介绍Component扩充自Vue的组件,提供了Vue组件对等的输入参数能力。
yusirxiaer·2020-06-30 10:06

vue组件实现发表评论功能（localStorage）

首先画出简单的界面如下：说说我的思路：由于是为了去练习组件之间传值，所以将页面上的写评论部分写在了子组件中，然后在然后然后子组件点击发表将数据传递给父组件的data,再由父组件来渲染评论社区的页面。1.先主实例的data中写一个固定的评论列表，然后在页面上利用v-for来渲染实现页面效果。2.在模板中定义一个方法publishctx，用来发表数据，但是如何拿到评论人和评论内容呢？2.1运用v-mo
yezi__626·2020-06-30 07:43

vue封装一个可以通过api调用的组件

先实现一个vue组件{{text}}exportdefault{name:'hello',data(){return{text:''}}}封装api新建一个js文件。
yanzhi_2016·2020-06-30 06:53

vue.component和vue.use的用法

第二个参数是将要注册的Vue组件。importVuefrom'vue';//引入loading组件importLoadingfrom'.
yanzhi_2016·2020-06-30 06:53

Vue组件的复用

组件是可复用的Vue实例1.我们可以在一个通过newVue创建的Vue根实例中，把这个组件作为自定义元素来使用：注意当点击按钮时，每个组件都会各自独立维护它的count。因为你每用一次组件，就会有一个它的新实例被创建。当我们定义这个组件时，你可能会发现它的data并不是像这样直接提供一个对象：data:{count:0}所以一个组件的data选项必须是一个函数，因此每个实例可以维护一份被返回对象的
sunny.day·2020-06-30 05:51

vue.component和vue.use的用法

第二个参数是将要注册的Vue组件。importVuefrom'vue';//引入loading组件 importLoadingfrom'.
逆境中徘徊·2020-06-30 03:23

Vetur：VSCode下强大的Vue开发工具

虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发，但是越来越多优秀的plugins都提供了强大的支持。比如VSCode下面的Vetur就是这样一款必备的Vue开发工具。
ArtisanLin·2020-06-30 02:03

vue.js项目架构详解

1、vue组件文件结构说明通过vuecreatexxx创建好项目之后，看到项目架构如下：可以看到main.js是这个程序入口，这里面调用了App这个组件，也就是说App组件对整个项目来说，为最上级的父组件
书剑小Q·2020-06-30 00:49

Vue组件中使用Sass或者Less全局变量

本文以Sass做案例，Less的参考，基本配置大同小异。假如我们有一个Sass的全局变量common.scss文件，路径../style/common.scss代码如下:@mixint-button($color,$background){color:$color;background:$background;padding:5px10px;}现在我们想在一个vue文件里引用这个全局样式，怎么办呢
_littleTank_·2020-06-29 23:08
上一页 119 120 121 122 123 124 125 126 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他