vue组件

vue组件间的通信

vue组件间的通信可以分为：父子组件之间的通信；非父子组件之间的通信。一、父子组件间的通信：1.父组件向子组件传值。
challenge_impossible·2018-05-23 16:09

vue组件name的作用小结

我们在写vue项目的时候会遇到给组件命名这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的exportdefault{name:'xxx'}1.当项目使用keep-alive时，可搭配组件name进行缓存过滤举个例子：我们有个组件命名为detail,其中dom加载完毕后我们在钩子函数mounted中进行数据加载exportdefault{name:'Detail'}，mount
Qin__·2018-05-23 15:28

vue组件jsx语法的具体使用

如果使用render函数来写比较复杂的vue组件，对于可读性和可维护性都很不友好，而使用jsx就会让我们回到更接近于模板的语法。babel转译器会将jsx转译为render函数渲染。
joenlee·2018-05-21 10:09

以v-model与promise两种方式实现vue弹窗组件

最近公司有一个后台业务虽然也是写在了现有的后台系统中，但是之后要为这个业务单独拉出来新建一个后台系统,所以现有的后台系统中的vue组件库，就不能用了(因为不知道将来的系统要基于什么组件库，以防给未来移植项目带来麻烦
nodaysoff·2018-05-21 08:48

vue 微信公众号中如何调取微信JSSDK 和微信支付

mint-uiUI组件工具（饿了么VUE组件库）。lesscss预处理语言ES5
Faner·2018-05-18 00:00

2018-05-17

Vuex：是一个集中式状态管理工具，相当于react中的redux1）主要解决的问题：大中型项目中复杂组件通讯问题2）vuex操作流程：dispatchcommitvue组件--------------
奇妙琦·2018-05-17 20:56

Vue组件之间的通信

父子组件之间的通信第一步先创建一个子组件Vue.component("child",{template:`我是儿子关闭`})接下来创建一个父组件letapp=newVue({el:"#app",data:{visible:true}})子组件是否显示是由父组件的data中的visible控制的，默认设置子组件是可见的，当点击子组件的关闭按钮时隐藏子组件，但是visible是父组件的data，子组件
大笑_876c·2018-05-17 17:56

用vue写一个树形菜单

先看下效果：在线效果源代码用到的技术：1，vue组件，组件事件传递2，递归代码：组件：{{itemData.department_name}}添加部门重命名删除Vue.component('item-li
nbin斌·2018-05-17 14:28

手把手带你撸一个vue组件库！

原文链接：https://juejin.im/post/5afcd516f265da0b9e65414b前沿目前，我们能接触到的模块化组件库真可谓是数不胜数，尤其是vue相关的那更是多如牛毛，譬如element，iview等等，虽然有很多，但是轮子虽多，合不合适自己还不好说，就像买衣服，有件衣服虽然好看，但是貌似容纳不了自身肥胖的身躯那也只能望洋兴叹。当然这时候，量身定做就显得那么重要！今天，就一
weixin_33858485·2018-05-17 06:35

Vue组件之间的通信

Vue组件Vue组件是可复用的Vue实例，因此其接受与newVue相同的选项，如data、computed、watch、methods以及生命周期钩子等，只用像el这中根实例特有的选项，其不可使用。
谛听·2018-05-16 14:22

Vue组件之间的通讯方式数据处理：父子组件，兄弟组件，同级组件，爷孙组件

用vue-cli建个新项目吧，怎么用vue-cli建项目，贴一张图好了，继续贴图，目录里面有个components的玩意，它叫组件你写的大组件小组件都可以放这里，不是不能放别的地方，只是放这里方便管理，约定俗成的玩意，这里你先建立几个组件吧，累死如这样先讲一句每个Vue实例都实现了事件接口，即：使用$on(eventName)监听事件使用$emit(eventName)触发事件Vue的事件系统与浏
devincob·2018-05-14 17:25

vue组件中的数据传递方法

Vue的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。组件之间传递数据大致分为三种情况：父组件向子组件传递数据，通过props传递数据。子组件向父组件传递数据，通过events传递数据。两个同级组件之间传递数据，通过eventbus传递数据。一、父组件向子组件传递数据子组件部分：{{msg}}exportdefault{name:'
晴_eeca·2018-05-14 14:39

vue的toast弹窗组件实例详解

相信普通的vue组件大家都会写,定义->引入->注册->使用,行云流水,一气呵成,但是如果我们今天是要自定义一个弹窗组件呢?
noahlam·2018-05-14 08:40

Vue组件一-父组件传值给子组件

Vue组件一-父组件传值给子组件开始Vue组件是学习Vue框架最比较难的部分，而这部分难点我认为可以分为三个部分学习，即组件的传值-父组件向子组件中传值事件回馈-子组件向父组件发送消息，父组件监听消息分发内容整个博客使用的源代码
mdiep·2018-05-13 17:52

Vue拖拽组件开发实例详解

为什么要封装成一个Vue组件？主要目的是可提高代码的复用性和可维护性。•复用性：组件化后，一
其实我很乖乖·2018-05-11 15:51

Vue框架移动端开发组件集合

文件上传vue-upload-componentVuejs文件上传组件vue-core-image-upload轻量级的vue上传插件vue-dropzone用于文件上传的Vue组件vue-image-crop-uploadvue
AndCo·2018-05-11 10:31

Vue拖拽组件开发实例

为什么要封装成一个Vue组件？主要目的是可提高代码的复用性和可维护性。复用性：组件化后，一些样式和逻辑
大灰狼的小绵羊哥哥·2018-05-10 10:31

VeeValidate在vue项目里表单校验应用案例

您可以验证HTML5输入以及自定义Vue组件。它也是以本地化为基础构建的，实际上我们有大约44种语言由精彩的社区成员支持和维护。
codercao·2018-05-09 11:28

Vuex---在 Vue 组件中获得 Vuex 状态state

在Vue组件中获得Vuex状态Vuex的状态存储是相应式的。在Vue组件中获取Vuex状态总共有五种可行的方法。1.从store实例中读取状态最简单的方法就是在计算属性中返回某个状态
E_li_na·2018-05-09 10:13

自定义vue组件发布到npm的方法

本文介绍了自定义vue组件发布到npm的方法，分享给大家，具体如下：为什么会有这个想法呢，主要是vue项目中自定义的组件在多个项目中使用。
55145848·2018-05-09 08:53

vue组件懒加载浅析

一、什么是懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。二、为什么需要懒加载在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时三、如何与webpack配合实现组件懒加载1、在webpack配
菲菲菲菲妞·2018-05-08 09:08

超详细动手搭建一个Vuepress站点及开启PWA与自动部署

Vuepress特点响应式,也可以自定义主题与hexo类似内置markdown(还增加了一些扩展),并且可以在其使用Vue组件Goog
游魂·2018-05-06 00:00

Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)

当我们在书写vue组件的时候，也许可能会用到数据传递；将父组件的数据传递给子组件，有时候也需要通过子组件去事件去触发父组件的事件；每当我们遇到这样的需求的时候，我们总是会想到有三种解决办法：通过props
sunseekers·2018-05-04 11:00

Vue生命周期深入

下一篇：Vue组件通信深入这篇博客将会从下面四个常见的应用诠释组件的生命周期，以及各个生命周期应该干什么事单组件的生命周期父子组件的生命周期兄弟组件的生命周期宏mixin的生命周期建议：博客中的例子都放在
同梦奇缘·2018-05-03 00:00

vue组件开发之用户无限添加自定义填写表单

代码如下：自定义字段：添加字段保存提交提交的信息：{{submsg}}exportdefault{name:'checkbox',data(){return{inputs:[],submsg:''}},methods:{addInput(){varobj={};obj.id=this.inputs.length;obj.val="";this.inputs.push(obj);},sub(){th
codingNoob·2018-04-29 02:48

vue组件开发之用户无限添加自定义填写表单

代码如下：自定义字段：添加字段保存提交提交的信息：{{submsg}}exportdefault{name:'checkbox',data(){return{inputs:[],submsg:''}},methods:{addInput(){varobj={};obj.id=this.inputs.length;obj.val="";this.inputs.push(obj);},sub(){th
codingNoob·2018-04-29 02:48

vue组件开发之仿CSDN发布博客时面包屑标签和checkbox选中效果

一直在发博客，突然注意到在发布博客的时候选中对应的标签时的一个功能，最近一直在接触vue，于是想了一下要自己要怎么实现。原图如下：代码如下：选中的ID值：{{checkboxValue}}{{item.name}}x{{item.name}}exportdefault{name:'checkbox',data(){return{checkboxValue:[],//存储checkbox选中的值br
codingNoob·2018-04-29 02:00

vue组件开发之仿CSDN发布博客时面包屑标签和checkbox选中效果

一直在发博客，突然注意到在发布博客的时候选中对应的标签时的一个功能，最近一直在接触vue，于是想了一下要自己要怎么实现。原图如下：代码如下：选中的ID值：{{checkboxValue}}{{item.name}}x{{item.name}}exportdefault{name:'checkbox',data(){return{checkboxValue:[],//存储checkbox选中的值br
codingNoob·2018-04-29 02:00

vue组件之间互相传值：兄弟组件通信

vue组件之间互相传值：兄弟组件通信我们在项目中经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题，但在一些小型的项目中，我们就没有必要去引入vuex。
Amanda_wmy·2018-04-28 14:30

vue+jquery+lodash实现滑动时顶部悬浮固定效果

前期准备：1.引入jQ引入lodash.jsnpminstalllodash-DfixTop.vue组件的{{item.title}}{{index+1}}varthrottle=require('lodash
zhooson·2018-04-28 11:28

2.Vue基础(2018.01.10)

所有的Vue组件都是Vue实例。当一个Vue实例被创建时，它向Vue响应式系统中加入了其data对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生"响应"，即更新为新的值。
eighthroute·2018-04-28 10:56

Vue组件库大全

基于Vue的组件库https://github.com/ElemeFE/element"element饿了么出品的Vue2的webUI工具套件https://github.com/airyland/vux"Vux基于Vue和WeUI的组件库https://github.com/ElemeFE/mint-ui"mint-uiVue2的移动UI元素https://github.com/iview/iv
_执着执着再执着·2018-04-28 09:39

vue组件实现弹出框点击显示隐藏效果

本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码，供大家参考，具体内容如下效果如下图由于我的更改密码弹出框是一个组件引用的，所以在一开始是隐藏的，这就需要在当前的页面上对弹出框组件设置v-show,但是在弹出框显示出来的时候，操作执行完后当前页面的更改按钮已经被弹出框覆盖了。所以只能在弹出页面点击取消实现关闭隐藏弹出框。这样就需要写两个点击事件，但是两个点击事件就会有冲突，需要点击两下才
cdx1170776994·2018-04-28 09:04

Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能

本文实例为大家分享了Vue2.0实现调用摄像头进行拍照功能的具体代码，以及图片上传功能引用exif.js，供大家参考，具体内容如下可以在github上下载demo链接vue组件代码import{Exif
fongdaBoy·2018-04-28 08:42

vue组件之间互相传值：父传子，子传父

vue组件之间互相传值：父传子，子传父为什么要用到组件间传值？答：组件实例的作用域是孤立的。
Amanda_wmy·2018-04-27 14:49

python web（bottle框架）知行合一之-简单知识付费平台-”全栈“实践(16)---课程列表组件

最终效果图：image.png续言上一节，我们已经把底部的导航栏放置在了默认的页面渲染可见的第一个组件Index.vue组件，而它的上面还可以包含有其他组件，也可以是通
小钟钟同学·2018-04-27 13:30

vue组件开发之tab切换组件

{{item.tab}}{{item.tabContent}}exportdefault{name:'tabSlider',data(){return{actived:0,items:[{'tab':'tab1','tabContent':'content1'},{'tab':'tab2','tabContent':'content2'},{'tab':'tab3','tabContent':'c
codingNoob·2018-04-27 00:02

vue组件开发之tab切换组件

{{item.tab}}{{item.tabContent}}exportdefault{name:'tabSlider',data(){return{actived:0,items:[{'tab':'tab1','tabContent':'content1'},{'tab':'tab2','tabContent':'content2'},{'tab':'tab3','tabContent':'c
codingNoob·2018-04-27 00:02

Vue2学习之旅四：Vue实例 + Vue组件实例

作者：心叶时间：2018-04-2711:23本篇最终项目文件Github地址：github.com/paper520/vue.quick/tree/V4Vue2学习之旅系列文章目录本文正式开始学习vue的方方面面，不过开始的学习还是属于基础使用和理解，深入的东西会随着时间的流逝，慢慢道来。Vue实例项目启动过程看一下现在我们的项目，想想整个项目的启动过程是什么（以直接打开index.html的方
心叶·2018-04-27 00:00

vue组件开发之图片上传本地预览组件

最近项目一直在使用vue，以前只是用vue做过一些简单的demo对数据进行增删改，并没有用于实际开发项目，。今天就想了一下如何用vue实现常见的图片上传前本地预览效果。效果预览：+xexportdefault{name:'imageView',data(){return{imgBase64:[]//存储imgbase64的值将值传给后端处理}},methods:{//获取图片base64实现预览g
codingNoob·2018-04-26 23:10

vue组件开发之图片上传本地预览组件

最近项目一直在使用vue，以前只是用vue做过一些简单的demo对数据进行增删改，并没有用于实际开发项目，。今天就想了一下如何用vue实现常见的图片上传前本地预览效果。效果预览：+xexportdefault{name:'imageView',data(){return{imgBase64:[]//存储imgbase64的值将值传给后端处理}},methods:{//获取图片base64实现预览g
codingNoob·2018-04-26 23:10

vue组件通信，vue中vuex的使用

1.安装vuexnpminstallvuex-s2.在main.js中配置别忘记将store挂载到vue实例上，我当初就在这里踩了坑，弄了好长时间3.构建核心仓库在src目录下，创建vuex文件夹,在vuex文件夹下创建stroe.jsstore代码如下4.在组件中获取状态到这里我们就可以获取到状态了5.如何改变状态this.$store.state.author=state我这里想要实现的效果就
董小礼·2018-04-26 16:30

vuex操作state对象的实例代码

VueX是一个专门为Vue.js应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成vue组件里的某些data)。
哆啦a梦蓝胖子·2018-04-25 16:30

vue组件通信

一、子组件与父组件通信这部分vue文档已经说的很清楚了，但是为了更好的理解，自己再整理一遍。首先，父组件的与子组件的通信是通过子组件的props。那么子组件有数据变化时，想要通知父组件应该怎么办呢？父组件可以在使用子组件的地方直接用v-on来监听子组件触发的事件。简单来说，就是子组件监听的事件，在函数内使用$emit(eventName,optionalPayload)触发事件，在父组件使用v-o
Coder_Chang·2018-04-25 15:51

vue组件通信

一、子组件与父组件通信这部分vue文档已经说的很清楚了，但是为了更好的理解，自己再整理一遍。首先，父组件的与子组件的通信是通过子组件的props。那么子组件有数据变化时，想要通知父组件应该怎么办呢？父组件可以在使用子组件的地方直接用v-on来监听子组件触发的事件。简单来说，就是子组件监听的事件，在函数内使用$emit(eventName,optionalPayload)触发事件，在父组件使用v-o
Coder_Chang·2018-04-25 15:51

vue通过URL传递参数

冒号的形式传递参数，这就是对参数的绑定).2**传递参数的值**：在APP.vue中设置——此时newId的值为12/newTitle的值如图3.获取参数值：首先我们得在components下面建一个params.vue
Queen_zdd·2018-04-23 19:43

使用Vue组件实现一个简单弹窗效果

最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一下，下面本文会带着大家手摸手实现一个弹窗组件。本文主要内容会涉及到弹窗遮罩的实现，slot插槽的使用方式，props、$emit传参，具体组件代码也传上去了。如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以
OBKoro1·2018-04-23 08:25

vue组件开发之slider组件。

代码如下：{{item.title}}>exportdefault{name:'slider',data(){return{count:0,items:[{name:"1",id:1,title:"我是图1的内容"},{name:"2",id:2,title:"我是图2的内容"},{name:"3",id:3,title:"我是图3的内容"},{name:"4",id:4,title:"我是图4的
codingNoob·2018-04-23 01:23

vue组件开发之slider组件。

代码如下：{{item.title}}>exportdefault{name:'slider',data(){return{count:0,items:[{name:"1",id:1,title:"我是图1的内容"},{name:"2",id:2,title:"我是图2的内容"},{name:"3",id:3,title:"我是图3的内容"},{name:"4",id:4,title:"我是图4的
codingNoob·2018-04-23 01:23

vue组件表单数据回显验证及提交代码

最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。
codingNoob·2018-04-23 00:22
上一页 153 154 155 156 157 158 159 160 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他