vue组件

vue组件初始化过程

之前文章有写到vue构造函数的实例化过程，只是对vue实例做了个粗略的描述，并没有说明vue组件实例化的过程。本文主要对vue组件的实例化过程做一些简要的描述。
Gerryli·2019-12-17 19:00

vxe-table 中自定义模板，解决渲染单元格为 element-ui 组件后无法选中值

vxe-table中自定义模板，解决渲染单元格为element-ui组件后无法选中值如何解决跨组件之间的冲突vxe-table通过渲染器可以支持任意的vue组件，但在渲染大部分组件后默认是无法直接使用的
仰望.·2019-12-17 14:46

web前端: rollup.js打包vue组件并发布到npm网站

认识rolloup根据官网的介绍，rollup是一个用于打包代码的库，其作用类似于webpack。但优势是配置非常简洁，可以方便的按不同的打包格式将代码打包。在开发组件库的时候用rollup进行打包非常的方便。全局安装rolllupnpminstall--globalrollup尝试用rollup打包文件新建一个工程目录，然后在项目里新建两个文件lib.js和index.js//lib.jsfun
长肉肉呱·2019-12-17 11:15

Vuex-核心概念

在Vue组件中获得Vuex状态Vuex通过store选项，提供了一种机制将状态从根组件“注入”到每一个子组件中（需调用Vue.use(Vuex)）：constapp=newVue({el:'#app',
angelwgh·2019-12-17 08:32

Npm 发布 Vue 组件教程

这里我以自己刚发布的一个Vue组件来介绍。感兴趣的可以来下载玩玩。
xrkffgg·2019-12-17 03:30

Vuex

当Vue组件从store中读取状态
SecondRocker·2019-12-17 02:22

vue项目访问顺序

vue项目访问顺序访问index.html后，main.js会将app.vue组件显示,会再通过进入router里的index.js从而进入hello.vue组件.进而展现整个页面。
yaoyao妖妖·2019-12-16 23:40

Vue组件传值及页面缓存问题

一、父子组件传值基本概念在Vue中，父子组件间的数据流向可以总结为prop向下传递，事件向上传递，即父组件通过prop给子组件下发数据，子组件通过自定义事件给父组件发送信息。vue父子组件传值.png（1）父组件给子组件传值父组件通过属性传值，子组件利用props接收值//给子组件传入一个静态的值：//传动态的值,需要v-bind绑定：//子组件接收值exportdefault{props:{ti
北风吹_yfy·2019-12-16 23:21

vue组件

vue组件标签（空格分隔）：vue组件可以扩展HTML元素，封装可重用代码。
单ccc·2019-12-16 19:12

vue组件间通信六种方式（完整版）

本文总结了vue组件间通信的几种方式，如pro
用技术改变世界·2019-12-16 17:14

vue移动助手实践（四）——分分钟自定义一个属于自己的vue组件(基于Vue的侧边栏和返回顶部组件)

最近都是用element-ui在协助自己的项目开发，用着用着就想看看饿了么是怎么实现组件的使用的，于是就想自己动手也来写，当然，我是要循序渐进的，从最开始最简单的组件定义开始。总的写了三个小组件，我按照我自己觉得难度等级，分别定义为基础版，打怪版，终极版。项目在线demo项目在线演示demo（切换到移动端调试模式哦）项目github地址项目github地址嗯，在写之前，我先说一下，我会这篇文章中写
Katherine的小世界·2019-12-16 16:53

Vue组件component创建及使用

组件化与模块化的区别什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么功能，就可以去调用对应的组件即可组件化与模块化的不同：模块化：是从代码逻辑的角度进行分析，方便代码分层开发，保证每个功能模块的只能单一组件化：是从UI界面的角度进行划分，前端的组件化，方便UI组件的重用。Document我是第三种方式创建出来的//Compone
李星儒の博客·2019-12-16 15:00

关于cube-ui学习

前言：针对滴滴开源Vue组件库—cube-ui，我花了些时间尝试了一下，感觉这个组件库很赞，可以解决我们开发中遇到的一些问题；大家有时间可以补充相互学习一下；相关传送门：1、官网文档2、gitHub3、
BULL_DEBUG·2019-12-16 09:30

Vue学习笔记进阶篇——Render函数

现在我们打算使用vue组件实现以上的渲染结果，我们渴望定义的接口如下:Helloworld!level的值决定了，动态生成he
ChainZhang·2019-12-16 08:53

vuex学习笔记

当vue组件从store中读取状态时，若store中的状态发生变化，那么相应的组件也
EL_PSY_CONGROO·2019-12-16 07:21

Vue 知识总结

前言：基于vue2+写一份知识总结，可以说是学习笔记目录：一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router
下一机·2019-12-16 06:10

vue组件间通信六种方式

本文总结了vue组件间通信的几种方式，如props、$emit/
一个被编程耽误了的医生·2019-12-16 03:07

vue组件 2018-11-03

Vue.js使用了基于HTML的模版语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。//注册组件，传入一个扩展过的构造器Vue.component(
小帅_Cs·2019-12-16 03:53

一个关于vue的标尺插件 - vue-sketch-ruler

vue-sketch-ruler一个vue组件的素描标尺github地址https://github.com/chuxiaoguo/vue-sketch-ruler在线demo点击这里查看安装支持全局导入和模块导入
chuxiaoguo·2019-12-15 21:16

Vue2.5高仿微信读书app项目实战视频教程

同时，项目提供一流的用户体验和交互水准，在实现功能之外带你探究各种优秀前端交互的设计和实现课程收获在实战项目中，实现Vue组件化进阶，Vue交互动画进阶，Vu
wx5df390de0c2c6·2019-12-15 15:26

Vue.js第3课-深入理解Vue组件（part01）

一、组件使用中的细节1、使用is解决h5标签上的一些小bugVue.component("row",{template:"thisisrow"})varapp=newVue({el:"#app",})面代码中，我们创建了一个全局组件row，并设置了模板template，然后将这个组件添加到table的tbody中，这是一个正常的使用组件的方法，但是打开页面，可以看到模板正常显示，结构却不对，tr渲
LK30265·2019-12-15 14:33

Vue在chrome44偶现点击子元素事件无法冒泡的解决方法

再大致介绍下项目环境：chrome44(打包到用户客户端内)Vue2.6.10左侧列表布局列表的每个绿色方框是一个vue组件，名叫ListItem，列表的组件叫List代码类似这样//Lis
普若木特·2019-12-15 10:57

Vue 基础 day03

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的
计算机相关人员·2019-12-14 23:00

Vue组件通信大全(终结篇)

背景  Vue是单页面应用，单页面应用又是由组件构成，各个组件之间又互相关联，那么如何实现组件之间通信就显得尤为重要了。就像人是由各种器官组成，那么组件之间的通信就像是血液一样将营养(数据)输送到各个部位，为了保证数据流向的简洁性，使程序更易于理解，所以vue提倡单项数据流。组件之间的通信主要分为三种，父子组件通信、孙子组件通信和非关联组件通信。父子组件通信props和$emit  这种方式是大家
A郑家庆·2019-12-14 16:26

Vue 自定义组件 上传至npm仓库

今天实现了一下自定义Vue组件，并上传至npm仓库，现在简单记录一下流程1创建简单的Vue项目使用vueinitwebpack-simpletest-publish3这里的test-publish3是vue
木头就是我呀·2019-12-13 17:53

Vue父子组件通信

全面学习Vue组件通信父组件给子组件传值props父组件子组件props:{mny:{type:Number}}子组件改变父组件值$emit第一种父组件子组件this.
CRUD_科科·2019-12-13 14:58

三十分钟学会使用VUE搭建单页应用(SPA) 上

构建一个简单的单页应用(SPA)如果没有其他特殊声明，此教程中的VUE全部指的是VUE2.X版本预览让我们先看看最终的的单页程序是什么样子的成果阅读本教程之前希望你能有如下的基础知识：VUE基础如何创建VUE
景行_白色极限·2019-12-13 13:25

Vue组件通信

Vue组件通信Vue组件关系可分为三大类:父子组件兄弟组件跨级组件,相应的组件之间的通信也分类三大类:父子组件通信兄弟组件通信跨级组件通信自定义事件在子组件内通过$emit触发自定义事件,在父组件内通过
Johnie_Xu·2019-12-13 10:10

Vue组件的使用

组件使用的细节点全局组件Vue.component('row',{data:function(){return{content:'thisiscontent'}}template:'thisisarow'})后面只能跟,所以不能直接写标签，写成通过ref获取dom通过ref来获取页面上的domhelloworldthis.$refs.hello.innerHTML//整个Vue实例里面所有的引用里
weisen·2019-12-13 06:15

一文彻底搞定Vue组件！

作者|Jeskson来源|达达前端小酒馆Vue组件的概述组件是什么呢，了解组件对象的分析，Vue组件中的data属性，props传递数据的原理到底是什么。
达达前端小酒馆·2019-12-13 06:36

Vue组件的操作-自定义组件，动态组件，递归组件

作者|Jeskson来源|达达前端小酒馆v-model双向绑定创建双向数据绑定，v-model指令用来在input，select，checkbox，radio等表单控件。v-model指令在内部使用不同的属性为不同的输入元素抛出不同的事件。v-mdel指令实现数据的双向绑定：用户名：输入用户名是：{{name}}用户名：用户名：{{name}}组件中的表单控件：自定义组件，父组件的input事件需
达达前端小酒馆·2019-12-13 00:16

vue-dotmd-loader 用于 markdown 转 vue 组件的 webpack loader

vue-dotmd-loaderDocs|Github用于把markdown文件转成Vue组件的webpacklaoder工具包。importDocComponentfrom'.
mengdu·2019-12-13 00:09

Part 2: Jest中对Vue组件的深层渲染

TestDeeplyRenderedVue.jsComponentsinJestJest中对Vue组件的深层渲染Let’sseehowtousevue-test-utilstotestafullyrenderedcomponenttree
Revontulet·2019-12-12 23:32

Vue组件的操作-自定义组件，动态组件，递归组件

作者|Jeskson来源|达达前端小酒馆v-model双向绑定创建双向数据绑定，v-model指令用来在input，select，checkbox，radio等表单控件。v-model指令在内部使用不同的属性为不同的输入元素抛出不同的事件。v-mdel指令实现数据的双向绑定：用户名：输入用户名是：{{name}}用户名：用户名：{{name}}组件中的表单控件：自定义组件，父组件的input事件需
达达前端小酒馆·2019-12-12 19:00

vue传值（父子传值，非父子传值）

vue组件传值，分为父子传值和非父子传值，父子传值又分为父传子和子传父。
GGbondMan·2019-12-12 16:00

vue项目中极验验证的使用

效果预览1、遇到的问题在项目中任何一个页面或vue组件都有可能需要使用到极验，并且极验在初始化时需要传递一些参数，要怎么做才能做到每一个组件都
heath_learning·2019-12-12 00:43

在vue组件中设置定时器和清除定时器

由于项目中难免会碰到需要实时刷新，无论是获取短信码，还是在支付完成后轮询获取当前最新支付状态，这时就需要用到定时器。但是，定时器如果不及时合理地清除，会造成业务逻辑混乱甚至应用卡死的情况，这个时就需要清除定时器。某个页面中启动定时器后，一定要在页面关闭时将定时器清除掉。即在页面卸载（关闭）的生命周期函数里，清除定时器。`{{buttonText}}exportdefault{data(){retu
别动我的代码·2019-12-12 00:56

一文彻底搞定Vue组件！

作者|Jeskson来源|达达前端小酒馆Vue组件的概述组件是什么呢，了解组件对象的分析，Vue组件中的data属性，props传递数据的原理到底是什么。
达达前端小酒馆·2019-12-11 22:00

# Vue组件二-事件反馈 - 子组件向父组件发送消息，父组件监听消息

Vue组件二-事件反馈-子组件向父组件发送消息，父组件监听消息开始Vue组件是学习Vue框架最比较难的部分，而这部分难点我认为可以分为三个部分学习，即组件的传值-父组件向子组件中传值事件回馈-子组件向父组件发送消息
mdiep·2019-12-11 19:27

Vue相关

1：vue组件需要注意的事项？组件参数的data值必须是函数，同时这个函数要求返回一个对象作用：使用函数会形成一个闭包，这样保证每个组件都是一个独立的作用域，不会相互影响。
九夜方知茴香·2019-12-11 16:16

Vue 定义全局变量

设置并引入全局变量文件创建一个Store.vue(或js文件)并暴露出去,用来保存全局变量constname='wells';constage=24;exportdefault{name,age};在Test.vue
小贤笔记·2019-12-10 17:19

vue组件之间的通信方式

组件之间的通信方式有很多种这里分享4种组件之间的通信方式props(主要是父传子)自定义事件(主要是子传父)pubsub消息订阅与发布xuex1.props和自定义事件app.vue里面的代码我是即将被删除的//1.第一步引入组件importpropsfrom'./components/Props'importemitfrom'./components/Emit'exportdefault{nam
程小杰呀·2019-12-09 19:00

Vue组件应用

Vue的组件是可复用的Vue实例，且带有一个名字。我们可以在一个通过newVue创建的Vue根实例中，把这个组件作为自定义元素来使用。因为组件是可复用的Vue实例，所以它们与newVue接收相同的选项，例如data、computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。一创建组件Vue提供了三种不同的方式来定义组件，分别是：全局组件，私有组件，单文
任风来去匆匆·2019-12-09 16:00

Vue动态组件 ：is

本文写给对Vue组件了解的基础上，如果你不明白什么是Vue的组件，可以去官网看看Vue组件基础。
刘圣凯·2019-12-08 06:35

Vue知识总结(0)

前言：基于vue2+写一份知识总结，可以说是学习笔记目录：一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router
Hebborn_hb·2019-12-07 23:17

vue使用jsonp请求

可以使用vue组件vue-jsonpgithub地址https://github.com/LancerComet/vue-jsonp使用前需先安装vue-jsonpnpminstall--savevue-jsonp
z小牛·2019-12-07 20:07

无标题文章

#VUE组件化与Framework7结合使用Echarts###主要特性VUE是一种渐进式的JS框架，它简单易用，灵活，高效，但是这个是针对于对VUE有了一定了解的，它的简单高效如果针对于新手来说会给你带来数不清的问题
倚栏人·2019-12-07 20:12

小型电商页面实践-Vant UI框架实践-（4）Tabbar 制作底部菜单

1:修改App.vue组件，注释相关的路由导向-->主页-->商品页-->购物车-->-->#app{font-family:'Avenir',Helvetica,Arial,sans-serif;-webkit-font-smoothing
小钟钟同学·2019-12-07 20:04

Quasar framework 配置vue apollo

quasar和vueapollo在quasar中使用vueapollo客户端时出现的一点小问题在quasar项目中使用vue-apollo其实就是将apollo作为一个插件导入但是导入发现并不起作用，不能在vue
dionysun·2019-12-07 15:00

前端常见面试题六

详述Vuex的工作流程Vuex是vue的状态管理器工作流程：vue组件实例派发事件到actionscomponents(组件实例)->dispatch（派发事件）->actions(异步操作)->conne
蒋伟_fc89·2019-12-07 14:19
上一页 136 137 138 139 140 141 142 143 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他