vue组件

vue组件通信全面总结

写在前面组件间的通信是是实际开发中非常常用的一环，如何使用对项目整体设计、开发、规范都有很实际的的作用，我在项目开发中对此深有体会，总结下vue组件间通信的几种方式，讨论下各自的使用场景文章对相关场景预览父
小健·2018-10-09 00:00

Vue 入门级学习笔记 实例

创建一个Vue实例varvm=newVue({//选项对象});一个Vue应用通过一个由newVue创建的根Vue实例和可选的嵌套的,可复用的组件树组成所有的Vue组件都是Vue实例,并接受相同的选项对象
Aproducer·2018-10-08 16:00

vue同步父子组件和异步父子组件的生命周期顺序问题

关于vue组件的引入方式有两种一、同步引入例子：importPagefrom'@/components/page'二、异步引入例子：constPage=()=>import('@/components/
不是laumlin·2018-10-07 11:03

前端面试项目冲刺，京东金融Vue组件化实战

第1章课程介绍包括课程概述、课程安排、学习前提等方面的介绍，让同学们对组件化有一个直观的了解。1-1课程导学第2章环境及知识准备帮助大家梳理课程要用到的开发环境及知识储备2-1环境及知识准备第3章业务开发流程与工程构建安装该章节会快速的讲解各大公司的业务开发流程，包括技术选型、业务开发、测试验证、发布上线等内容，方便大家定位前端开发的角色及注意事项。并帮助大家快速的搭建开发环境，把主要精力放到项目
weixin_30950887·2018-10-04 02:00

day05-vue入门.md

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack
ghy5051073·2018-10-03 18:20

vue篇之事件总线（EventBus）

通过前面一段时间的学习，Vue组件数据通讯常常会有父子组件，兄弟组件之间的数据通讯。也就是说在Vue中组件通讯有一定的原则。父子组件通讯原则为了提高组件的独立
易水人去丶明月如霜·2018-10-02 19:16

vue篇之事件总线（EventBus）

通过前面一段时间的学习，Vue组件数据通讯常常会有父子组件，兄弟组件之间的数据通讯。也就是说在Vue中组件通讯有一定的原则。父子组件通讯原则为了提高组件的独立
程序汪丶·2018-10-02 19:09

vue+elementui自定义Dialog组件之登录弹框话框实现(实现不同vue组件关联)

elementui提供一个可实现弹框的组件el-dialog,一般会将弹框写在一个vue文件，通过el-dialog套用类似于这种登录取消登录一般不会造成问题，但是写在同一个vue界面，代码比较臃肿，下面演示一下写在不同的vue文件实现调用首先在navShow.vue的页面写入如下代码登录importLoginNamefrom'../main/Login.vue';exportdefault{co
Mr_Debugger·2018-09-30 12:40

Vue.js进阶【2-2】vuex 状态管理入门

官网教程：https://vuex.vuejs.org/guide/2018-10-12如果你在使用vue.js,那么我想你可能会对vue组件之间的通信感到崩溃。为什么使用vuex?
CalmReason·2018-09-29 17:32

vue给组件传递不同的值方法

Vue实例：父组件给子组件传递不同的值window.onload=function(){//全局创建一个Vue组件Vue.component('todo-item',{props:['todo'],tem
马优晨·2018-09-29 12:34

Vue父子组件之间的通信实例详解

在vue组件通信中其中最常见通信方式就是父子组件之中的通信，而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。
半指温柔乐·2018-09-28 08:39

详解如何用VUE写一个多用模态框组件模版

懒癌患者直接复制粘贴即可Modal.vue组件{{statusText}}{{contentText}}{{item.payMoney}}{{item.yuan}}确定取消{{sure}}exportdefault
刘员外__·2018-09-27 13:14

VueX 以及axios

当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应的得到高效更新。2、你不能直接改变store中的状态。改变store中的状态的唯一途径就是显示的提交(co
SlashBoyMr_wang·2018-09-27 11:42

Vue引用Swiper4插件无法重写分页器样式的解决方法

里面用惯的一些插件一到vue上面引用就各种不顺畅~本文记录一下在用Swiper插件来做轮播图的时候遇到的问题~至于怎么在vue里面引用插件就不累赘了，npm能告诉你~Swiper的分页器是靠mounted()挂载到Vue
BYYDMNZ·2018-09-27 09:25

Vue组件传参

component()自定义组件时经常会用到参数，主要有两种情况：父向子传参、子向父传参。父子传参：在父子传参中需要用到的是component中的props属性，props是一个数组，包含了父级组件传来的参数。下面这个例子中，定义了一个user组件，用来显示一个名字的a标签，当点击时跳转到该名字的页面。用法如下：propVue.component('user',{template:'{{usern
IMUDGES_Talon·2018-09-26 21:28

axios 封装上传文件的请求方法

使用的时候只需要在响应的vue组件中引入就可以。
倪默遥·2018-09-26 16:56

vue组件开发之导航菜单组件封装

运行结果：调用代码部分：FooterimportmenuBarfrom'./pages/menuBar'importbannerfrom'./pages/banner'exportdefault{name:'App',data(){return{list:[{id:1,menu:'导航菜单一',child:[{id:101,menu:'导航菜单一01',url:'menu01'},{id:102,
codingNoob·2018-09-25 00:41

Vue组件

组件(component):是vue最强大的功能之一组件化开发组件可以扩展HTML元素，封装可重用的代码。全局局部组件之间的传值******父传子用属性传子传父用事件传同级之间传值一、父传子（用属性）Vue.component('hhh',{template:`sssaaaaaaaaa`//不能有两个同级别元素需要加一个父级})newVue({el:'#app',components:{//'hh
Dusk_e081·2018-09-24 15:32

vue组件

组件(component):是vue最强大的功能之一组件化开发组件可以扩展HTML元素，封装可重用的代码。全局局部组件之间的传值******父传子用属性传子传父用事件传同级之间传值全局组件例：//全局：Vue.component('my-component',{template:`这是一个组件1111111111111111`})newVue({el:'#app',})局部组件例：newVue({
北城_以念·2018-09-23 21:40

与Vue.js的第八天

今天学习了Vue组件中的非父子之间的传值和生命周期Vue组件之间的传值分三种1.父传子之间传值用属性：props2.子传父之间传值用方法：自定义方法3.非父子之间传值用第三方。
李泽裕·2018-09-23 19:49

vue组件父子组件通信

父子组件通信添加效果：DocumentVue.component('chat',{template:`{{value}}`,data:function(){return{arr:[]}},methods:{rcvMsg:function(txt){this.arr.push(txt)}}})Vue.component('user',{props:['userName'],template:`{{u
张鑫冲·2018-09-23 19:39

Vue组件化(槽口传参)

Document这里输入的内容就是slot的内容,若模板内的slot标签有内容,那么这些输入的内容就会直接被现在这里的信息覆盖在自定义标签内输入了内容则不会显示模板内的文字，显示此文字具名槽口头部填充值具名槽口身体填充值具名槽口脚步填充值这是头部这是尾部slot的默认值这是局部组件的头部这是局部组件的尾部slot的默认值头部默认值身体默认值脚步默认值//全局组件Vue.component("qua
chijiajing·2018-09-23 15:27

Vue组件化(全局、局部)、props传参

目录全局组件化带参数传递的全局组件化(props方式)局部组件化带参数传递的局部组件化(props方式)自定义组件使用注意全局组件化Document自定义标签的第二种写法//全局组件化，格式：component(自定义标签名,标签和内容，但需要注意，根只有一个)//错误示范：template:""必须只有一个大的范围包围，不能并行//第一种写法,可读性极差Vue.component("quanju
chijiajing·2018-09-23 15:33

vue组件：props传值

Prop是你可以在组件上注册的一些自定义特性。当一个值传递给一个prop特性的时候，它就变成了那个组件实例的一个属性。从这句话上面我们能看出两点1、prop是写在组件上的。2、把父组件的一个值传给子组件时，这个值通过prop转化成了这个子组件实例的一个属性。静态传值：//第二步：注册一个全局组件Vue.component('props-component',{//在这个组件上声明propsprop
YaoJunLuo·2018-09-20 20:13

Web前端学习笔记——VueJS之组件、路由

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：
唯恋殊雨·2018-09-20 19:07

如何用VUE写一个多用模态框组件模版

懒癌患者直接复制粘贴即可Modal.vue组件{{statusText}}{{contentText}}{{item.payMoney}}{{item.yuan}}确定取消{{sure}}exportdefault
刘员外__·2018-09-20 12:17

Vue组件笔记

全局组件DocumentVue.component('mycomponent',{template:`这是一个全局定义组件`,data(){return{message:'helloworld'}}})newVue({el:'#app',})渲染至页面的html结构：image.png局部组件DocumentvarChild={template:`我是自定义局部组件`}newVue({el:'#a
天天要加油·2018-09-20 11:16

Vue组件笔记

全局组件DocumentVue.component('mycomponent',{template:`这是一个全局定义组件`,data(){return{message:'helloworld'}}})newVue({el:'#app',})渲染至页面的html结构：image.png局部组件DocumentvarChild={template:`我是自定义局部组件`}newVue({el:'#a
天天要加油·2018-09-20 11:16

vue中使用cookies和crypto-js实现记住密码和加密

不多BB，搞快、搞快、使用crypto-js加解密第一步，安装npminstallcrypto-js第二步，在你需要的vue组件内importimportCryptoJSfrom"crypto-js";
李大雷·2018-09-20 00:00

vue服务端渲染添加缓存的方法

默认情况下，可以在浏览器中输出Vue组件，进行生成DOM和操作DOM。
光屁股的小破孩·2018-09-18 08:42

jQuery插件转vue组件

select.js{margin:0;padding:0;}ul,li{list-style:none;}.z-form-select{position:relative;width:256px;height:28px;border:1pxsolid#e6e6e6}.z-form-select.select-name{display:block;width:219px;height:28px;li
zhanggongzi·2018-09-17 15:18

ES6语法

ES6语法ES6是JavaScript语言的新版本，它也可以叫做ES2015，之前学习的JavaScript属于ES5，ES6在它的基础上增加了一些语法，ES6是未来JavaScript的趋势，而且vue
Step_Top·2018-09-14 16:21

vue3.0 CLI - 2.5 - 了解组件的三维

问答1、vue组件有什么？为什么要加上vue，因为不同的MVC框架，东西不一样，不过基本的功能都有。组件有data、computed、watch、methods以及生命周期钩子等。
nDos·2018-09-14 11:17

Vue.js简单入门

二、基本使用每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的，所有的Vue组件都是Vue实例。实例的属性与方法都有前缀$，以便与用户定义的属性区分开来。创
LemonnYan·2018-09-13 21:24

vue学习

image.pngvue组件中可以设置props属性,则可以在html中使用组件时直接传递prop内容：image.png
nicco773·2018-09-11 11:25

前端进阶（7） - react、vue 组件开发利器：storybook

react、vue组件开发利器：storybook对于前端开发来说，组件化技术已经是一门必修课了，这其中又主要以react和vue为主。
senntyou·2018-09-11 00:00

provide / inject 组合实现刷新当前页

下面用项目截图给大家说明下：首先，要修改下你的app.vueimage.png通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载，这边定义了然后在需要当前页面刷新的页面中注入App.vue
饥人谷_米弥轮·2018-09-10 20:58

vue弹窗组件的实现示例代码

vue弹窗组件的样子我们先看一下，我们要实现出来的弹窗组件长什么样子：呐，我们要用vue组件实现的弹窗就是这个样子，跟我们用js插件实现的效果一样，下面我们开始讲述怎么实现一个通用的vue弹窗组件。
妹纸前端·2018-09-10 13:51

微信小程序与H5内嵌网页交互实现地图定位功能

1.首先在index.html中引入微信jssdk2.在小程序中3.在vue组件中，点击获取地图位置按钮，触发事件。//携带参数进入小程序，使用小程序地图定位APIfixPosi
kerelee_li·2018-09-10 11:14

Vue组件间的通信

Vue组件间的通信，大致分为以下几种：1.使用props属性。props主要用于父组件传递数据给子组件，是你可以在组件上注册一些自定义特性。
熊熊爱绵羊·2018-09-10 10:40

VuePress 手摸手教你搭建一个类Vue文档风格的技术文档/博客

VuePress特性：为技术文档而优化的内置Markdown拓展在Markdown文件中使用Vue组件的能力Vue驱动的自定义主题系统自动生
OBKoro1·2018-09-10 00:00

vue 手写一个时间选择器

最近研究了DatePicker的实现原理后做了一个vue的DatePicker组件，今天带大家一步一步实现DatePicker的vue组件。
suporka·2018-09-10 00:00

Vue 组件间传值及事件触发

                   Vue组件间传值及事件触发importCounterfrom'.
ANotes·2018-09-07 17:03

vue组件发布npm

最近对开发Vue组件库的流程很好奇，网上步骤一搜也是一堆，总是少点漏点的步骤，就会导致整段垮掉，下边自己弄完整理了一下。
槿畔·2018-09-07 14:54

Vue组件通信之Bus

组件通信实现无论组件处于组件树的哪一层。由于Vue实例实现了一个事件分发接口，你可以通过实例化一个空的Vue实例来实现这个目的。将bus定义到全局//app.jsvareventBus={install(Vue,options){Vue.prototype.$bus=vue}};Vue.use(eventBus);使用emit，emit，on，$off分别来分发、监听、取消监听事件：//分发事件的
Amyuan的笔记·2018-09-06 10:23

Vue组件通信之Bus

组件通信实现无论组件处于组件树的哪一层。由于Vue实例实现了一个事件分发接口，你可以通过实例化一个空的Vue实例来实现这个目的。将bus定义到全局//app.jsvareventBus={install(Vue,options){Vue.prototype.$bus=vue}};Vue.use(eventBus);使用emit，emit，on，$off分别来分发、监听、取消监听事件：//分发事件的
Amyuan的笔记·2018-09-06 10:23

在Vue组件中获取全局的点击事件方法

使用场景：在Vue组件中点击某元素之外的地方移除该元素需求：如上图所示，“用户列表”页面有三个Vue组件组成，分别是“菜单组件”，“导航组件”和“列表组件”。
键盘上的草根舞者·2018-09-06 08:41

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

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

Vue 数据响应式原理

举个简单的例子，对于模板：{{name}}创建一个Vue组件：varvm=newVue({el:'#root',data:{name:'luobo'}})代码执行后，页面上对应位置会显示：luobo。
luobo_tang·2018-09-05 15:31

vue组件父子组件，子子组件传值

第一种：父组件传值给子组件父组件：importchildfrom'自组件路径'exportdefault{name:'parent',data(){return{info:'我是传送给子组件的内容'}}}子组件：{{value}}exportdefault{name:'child',data(){return{}},props:['value']//这个需和父组件中的一致}第二种：子组件传值给父组
死亡的挽歌·2018-09-05 11:47
上一页 149 150 151 152 153 154 155 156 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他