vue组件

Vue组件间数据传递

前言总结vue组件间的数据传递路由传参父组件传递数据给子组件---props子组件传递数据给父组件---$emitvuex数据管理路由传参vue-router官网params方式路由文件---router
yimi珊·2019-04-08 17:05

简单说说如何使用vue-router插件的方法

1安装首先，通过npm安装vue-router插件：npminstall--savevue-router安装的插件版本是：[email protected]用法2.1新建vue组件在router目录中，
deniro·2019-04-08 15:18

Vue组件内部实现一个双向数据绑定的实例代码

思路：父组件通过props传值给子组件，子组件通过$emit来通知父组件修改相应的props值，具体实现如下：importVuefrom'vue'constcomponent={props:['value'],template:``,data(){return{}},methods:{handleInput(e){this.$emit('input',e.target.value)}}}newVu
chenwenxian·2019-04-04 11:37

Vue.js及其相关应用II

Vue.js及其相关应用IIVue组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。
CsbLanca·2019-04-02 21:17

【面试】web前端经典面试题试题及答案-vue

vuevue的生命周期、vue实现双向数据绑定、Vue组件间的参数传递/vue通信、vue路由、vue跨域、vuex、vue基础vue的生命周期vue实现双向数据绑定Vue组件间的参数传递/vue通信vue
aSuncat·2019-04-02 19:42

vue 之 vuex入门

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会
hunter97·2019-04-02 13:33

3个概念，入门 Vue 组件开发

\u003cp\u003e“组件”是Vue中比较基础的概念，但我发现，许多同学对Vue组件的概念和由来并不是清楚。因此，我希望通过这个专题，带大家换个角度来分析，最终让大家更清楚组件开发。
坚持669·2019-04-01 09:05

vue组件通信方式小结

vue项目中，组件间的通信是最常用到的，也是面试必问的问题之一。组件通信可以分为几种类型：1、父子通信  1.1父传子  1.2子传父2、跨级传递  2.1祖父传孙  3.1孙传祖父3、同级组件间通信首先说一下通用的方式，即不管哪种场景都在功能上可以实现，撇开具体场景的适合程度，其实也就是全局的通信方式。一、vuebus 以vue实例为总线，传递数据新建bus.js和busA.vue、busB.v
donggua_123·2019-04-01 00:00

基于elementUI实现图片预览组件的示例代码

中是组件源文件（或者js服务文件），文件目录下还有一个index.js用于同一管理src中的所有文件，导出并注册，这个组件我们只有一个vue文件件先看index.js文件里有什么：//引入了src下的vue
努力的小聪忙·2019-03-31 11:31

Vuex源码学习（六）action和mutation如何被调用的（前置准备篇）

使用方式vue组件内//invuecomponentthis.$store.commit('setName',{name:'xLe
酸楚与甘甜·2019-03-31 00:00

vue组件通信（传值）

1.父子通信1.父组件（parent.vue）importchildfrom'@/components/child'exportdefault{data(){return{msg:'要传递的信息'}},components:{Child}}子组件（child.vue）{{dmsg}}exportdefault{props:['dmsg'],//使用props接收data(){return{}},}
星星藏进黑夜·2019-03-29 14:27

Vue定义全局变量全局组件的几种方式2

ue##1一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import一次模块。
yichen_china·2019-03-25 18:27

Vue组件下拉滚动条自动加载实现

1.理解scrollTop,offsetHeight,scrollHeightDimensions-client.pngDimensions-offset.pngimage.png2.加载条件a.下拉自动加载，就是不断增加整个滚动区域的高度（scrollHeight）b.下拉移动光标，不断增加ScrollTop,知道接近整个滚动区的底部时，意味着我们马上需要加载更多数据，使得整个滚动区域（crol
焦糖大瓜子·2019-03-25 18:54

vue+element-ui 使用富文本编辑器

npm安装编辑器组件npminstallvue-quill-editor–save在components文件夹创建ue.vue组件，如下ue.vue代码如下：exportdefault{name:'UE
TauCrus·2019-03-25 18:48

vueScroll实现移动端下拉刷新、上拉加载

vueScroll，首先上图：话不多说，上代码了：一、引入并使用VueScrollimportVueScrollerfrom'vue-scroller';Vue.use(VueScroller)二、在html或者.vue
dragonจุ๊บ·2019-03-22 14:05

Hbuilder X 开发APP指南

开发环境HBuilderX开发环境Hbuilder下载Vant轻量、可靠的移动端Vue组件库（参考文档）HTML5中国产业联盟（参考文档）平台支持iOSAndroidFirstAPP启动HbuilderX
丘山.·2019-03-22 12:58

vue-echarts移动端踩坑记录

vue-echarts本质上也是使用了echarts.js,只是包装成vue组件。
emcty·2019-03-22 00:00

移动端下拉刷新、上拉加载之vueScroll

vueScroll，首先上图：话不多说，上代码了：一、引入并使用VueScrollimportVueScrollerfrom'vue-scroller';Vue.use(VueScroller)二、在html或者.vue
dragonจุ๊บ·2019-03-22 00:00

vue2 基础学习04 （Vue组件：父子组件之间的通信）

一、父子组件间的通信父子组件间通信一个简单的例子如图，下面有个目录结构：父组件下面有个子组件。我们要实现的就是：子组件接受父组件的data数据点击子组件中按钮，可以将子组件中数据反馈给父组件image直接上代码：//子组件varchild={template:`子组件--->{{fromfather}}反馈信息给父组件`,props:['fromfather'],data(){return{chi
邢走在云端·2019-03-21 11:55

vue-waterfall-easy+axios无限下拉vue瀑布流

公司项目要进行改版，要把之前masonry.pkgd.js制作的瀑布流改版成vue的瀑布流，于是找到了这么一个vue组件名为vue-waterfall-easy，然后试着利用这个组件制作了一个瀑布流的demo
狐狸狐狸大狐狸·2019-03-20 21:56

vue+ssr 项目踩坑...

记录一些在项目过程中遇到的问题以及解决办法1.组件开发对于可重复复用的样式或结构，直接开发成对应的component，在vue组件中直接引用例如：header部分创建组件：1）可在项目目录中新建一个components
LKFOOD·2019-03-20 19:45

Vue基础四

Vue.js-Day3定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同
折枝赠远方·2019-03-19 21:51

BeeUI for vue

根据近一年vue的使用，以及在项目中各种组件的开发和维护，最终抽离出部分与业务无关的vue组件和插件。经重新整理，发布成npm包，便于自己以后的维护和扩展。欢迎大家一起交流学习。github
北纬40度的思念·2019-03-19 18:37

VUE组件开发 c-radio

VUE组件开发c-radiohttps://www.jianshu.com/p/a47d91d0ef12VUE组件开发c-daystephttps://www.jianshu.com/p/6e66cc2f731eVUE
坚果jimbowhy·2019-03-19 15:44

vue组件数据传递、父子组件数据获取，slot,router路由功能示例

本文实例讲述了vue组件数据传递、父子组件数据获取，slot,router路由功能。
白杨-M·2019-03-19 09:57

vue组件定义，全局、局部组件，配合模板及动态组件功能示例

本文实例讲述了vue组件定义，全局、局部组件，配合模板及动态组件功能。
白杨-M·2019-03-19 08:02

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

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

京东风格的移动端Vue组件库NutUI2.0来啦

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

Vue.js-组件详解

学习笔记：组件详解组件详解组件与复用Vue组件需要注册后才可以使用。注册有全局注册和局部注册两种方式。
whjin·2019-03-18 00:00

数据验证

一、Vue组件中命名camelCase（骆峰式）命名|kebab-case(短横线)命名1､在组件中的html，不能用骆峰式，必须用kebab-case（短横线）命名，因为myMessage===mymessage
5吖·2019-03-15 11:24

vue 动态改变title (详情)

使用用vue组件的方式实现如下：title组件请输入标题内容exportdefault{created(){this.updateTitle()},beforeUpdate(){this.updateTitle
LQQ13520325893·2019-03-15 10:41

vue学习笔记3

Vue.js-Day3定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同
地对地导弹·2019-03-13 21:00

京东Vue组件库NutUI 2.0发布：将支持跨平台！

\u003cp\u003eNutUI是一套来自京东用户体验设计部（JDC）前端开发部的移动端Vue组件库，NutUI1.0版本于2018年发布。
坚持669·2019-03-12 01:40

vant移动端 Vue 组件库的使用之Tabbar 标签栏

image.pngvant是轻量、可靠的移动端Vue组件库特性50+个经过有赞线上业务检验的组件80%+单元测试覆盖率完善的文档和示例支持babel-plugin-import支持TypeScript支持
写bug的大叔·2019-03-11 19:02

vue项目中使用mint-ui添加loading

vue项目中使用mint-ui添加loading图标方法：1.下载npminstallmint-ui-S2.在main.js引入样式import'mint-ui/lib/style.css';3.在需要vue
Hero_rong·2019-03-11 15:22

[Vue] vuex进行组件间通讯

vue组件之间数据传输(vuex)初始化storesrc/main.jsimportVuexfrom"vuex";Vue.use(Vuex);newVue({...,store,...,});src/store
weixin_30256901·2019-03-11 15:00

[Vue] vuex进行组件间通讯

vue组件之间数据传输(vuex)初始化storesrc/main.jsimportVuexfrom"vuex";Vue.use(Vuex);newVue({...,store,...,});src/store
月山·2019-03-11 15:00

日常记录

1、移动端使用切换2x3x图2、自动打包components下方的.vue组件创建一个js文件，然后在main.js中import引用这个文件这样当我们在components创建.vue文件时，所有文件就会被自动打包
丶Pal·2019-03-08 16:53

vue2 基础学习05 （Vue组件：非父子组件之间的通信）

前言我将要实现的是：点击按钮，将组件2中的数据传递给组件1，在组件1中展示。image源代码body里面的html和js代码//在vue上面挂载一个$bus作为中央处理组件Vue.prototype.$bus=newVue()//组件1varcomponentOne={template:'组件1--{{fromtwo}}',data(){return{onemsg:'我是组件1的数据',fromt
邢走在云端·2019-03-07 19:03

Vue组件传值（三）之 深层嵌套组件传值 - $attrs 和 $listeners

$attrs包含了父作用域中不作为prop被识别(且获取)的特性绑定(class和style除外)。当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style除外)，并且可以通过v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用。$listener包含了父作用域中的(不含.native修饰器的)v-on事件监听器。它可以通过v-on="$list
weixin_34234721·2019-03-07 16:00

如何在vue单页应用中使用百度地图

需求：本项目是采用vue组件化开发的单页应用项目，现需要在项目中引入百度的地图展示功能，用于展示所有项目的分布情况。
邹琼俊·2019-03-07 11:00

vue2 基础学习05 （Vue组件：非父子组件之间的通信）

前言我将要实现的是：点击按钮，将组件2中的数据传递给组件1，在组件1中展示。源代码可以直接复制执行非父子组件中的通信.componentOne{background-color:greenyellow;border:1pxsolidgreen;width:250px;height:80px;margin-left:20px}.componentTwo{background-color:lightg
邢走在云端·2019-03-07 00:00

Vue 优化-避免内存漏

基本的示例接下来的示例展示了一个由于在一个Vue组件中使用Choices.js库而
FKNIGHT0X·2019-03-04 14:31

使用npm打包vue组件并发布到私服（一）

前言模块化开发是提高开发效率的有效途径之一，最近抽时间研究了下vue打包，作为新手真的不容易，遇到一些坑，总结记录下。正文如标题所言，本文涉及的技术有三个：npm，vue，私服，其实还有一个：webpack，如果对以上技术都不熟悉的朋友也不要紧，本文作者也是一个新手，之前也都没接触到这些技术，也是通过这两天在网上找资料来了解这些技术，我会把我整理的链接贴出来供大家参考npm：npm与package
maoruiily·2019-03-03 12:34

常用的框架和工具记录

印记中文印记中文出品，唯一与官方文档同步的中文文档VUE组件汇总ReactutilReact-DnDreact-uwpANTDESIGNPROuiAntDesignofReactMaterial-UIReactWeUIVueutil
月山·2019-02-28 18:00

vue组件通讯新姿势

$attrs和$listeners来源习惯的传值方式今天的主角嵌套组件内的应用小结来源阅读了大漠老师的文章：Vue组件数据通讯新姿势：$attrs和$listeners感觉受益匪浅，闲来无事，总结一下vue
爱吃香蕉的布呐呐儿·2019-02-28 15:30

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

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

vue----webpack----对vuex的理解

当Vue组件从store中读取状态的时候
weixin_34019929·2019-02-27 17:00

Vue.js尚硅谷视频学习笔记(第二章：vue 组件化编码)

第二章：vue组件化编码2.1.使用vue-cli创建模板项目2.1.1.说明vue-cli是vue官方提供的脚手架工具github:https://github.com/vuejs/vue-cli作用
canxuezhang·2019-02-27 13:04

根据调试工具看Vue源码之组件通信（一）

看完本文可以帮助你了解Vue组件的通信方式及原理，从而进一步加深对Vue的理解，远离CV工程师的行列。Vue常用的组件通信方式通过$emit在子组件传参给父组件，同时触发对应的父
tonychen·2019-02-26 00:00
上一页 145 146 147 148 149 150 151 152 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他