vue组件

开发vue但不使用vue-cli和webpack相关注意事项

1、绑定vue组件使用newVue()2、newVue()需要在dom结构生成之后才有效（毕竟有需要el)3、Vue.component注册全局组件在vue容器组件挂载之前才有效4、当然，可以考虑重新挂载
荒土·2018-03-07 10:00

在vue项目中引入highcharts图表的方法(详解)

npm进行highchars的导入，导入完成后就可以进行highchars的可视化组件开发了npminstallhighcharts--save1、components目录下新建一个chart.vue组件
lily2016n·2018-03-05 14:29

Vue组件开发技巧总结

前言临近毕业，写了个简单个人博客，项目地址是点我访问项目地址（顺便求star），本篇是系列总结第一篇。接下来会一步一步模仿一个低配版的Element的对话框和弹框组件。正文Vue单文件组件开发当使用vue-cli初始化一个项目的时候，会发现src/components文件夹下有一个HelloWorld.vue文件，这便是单文件组件的基本开发模式。//注册Vue.component('my-comp
千帆过尽·2018-03-04 09:21

vue组件中使用iframe元素

需要在本页面中展示vue组件中的超链接，地址栏不改变的方法:GoBack{{item.name}}exportdefault{name:'hello',data(){return{iframeState
Jarvan大熊·2018-03-01 19:48

10vue组件入门_如何写一个最简单的vue组件_vue组件的作用是啥

一、vue组件的概念：组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。
田江·2018-03-01 14:05

vue父组件向子组件传递多个数据的实例

在平时我们使用VUE组件的时候，经常需要将父组件的某些数据传递给子组件，这个时候，我们通常会有很多的办法，这里主要分为两种情况：第一种：静态数据传递：传递一个字符串第二种：动态数据传递：绑定一个字符串传过去
马优晨·2018-03-01 09:49

vue组件传递对象中实现单向绑定的示例

当使用vue组件时，组件之间经常需要传递数据，这里不讨论传递一个字符串变量或者数字变量的情况，那些去看官方文档就够了，此处提出我在组件间传递对象时遇到的一个坑。
shuaizi96·2018-02-28 14:31

在Vue组件中使用 TypeScript的方法

注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化过程中的过渡。ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。typescr
罗学·2018-02-28 11:39

使用vue-cli编写vue插件的方法

利用vue组件创建模板，使用webpack打包生成插件再全局使用1、vueinitwebpack-simple生成项目目录2、调整目录结构3、修改webpack.config.jsvarpath=require
Vicky-Rong·2018-02-26 11:24

vue.js入门（3）——vue.js组件学习and组件间通信

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。（摘自官网，说的挺好直接抄了）下一章开始，
闲人王昱珩·2018-02-25 16:19

vue路由组件传参-页面通信

（切记，是$route,而不是$router）$route对象这是一个专门用于记录vue组件参数的对象。
mapbar_front·2018-02-24 15:01

如何制作并发布一个vue的组件的npm包

因为本文主要是讲如何把一个vue组件做成npm包并发布。分为2大步骤：一.按照相应格式写我们的vue代码（就如同写一个jquery插件时、有其固定的格式一样）。
hamupp·2018-02-20 00:59

vue封装插件并发布到npm上

vueinitwebpack-simple项目名称此命令创建我们的项目的目录，创建文件夹和文件，最后结构是这样的然后根据需求，实现具体功能，这里我封装了一个轮播图组件mini-sliders，主要功能写在lib/slider.vue
Ping果狸·2018-02-15 23:56

Vue组件和Route的生命周期实例详解

destoryed：当前组件已被删除，清空相关内容关于Vue组件生命周期，翻译后图示：module.exports={//props:['父组建传的值']
huangpb123·2018-02-10 09:23

vue中实现在外部调用methods的方法(推荐)

1.首先定义一个公共的vue组件；vareventHub=newVue();2.在事件当前的组件中，在created中，用$on向公共的组件eventHub传递，translate是自定义的，getCardNum
zj张静·2018-02-08 08:33

Vue组件通信的四种方式汇总

前言众所周知vue是一种mvvm框架，它相对于jquery可能比较大的差异点之一就在于组件之间的通信了。本文重点是梳理了前两个,父子组件通信和eventBus通信,我觉得Vue文档里的说明还是有一些简易,我自己第一遍是没看明白。父子组件的通信非父子组件的eventBus通信利用本地缓存实现组件通信Vuex通信第一种通信方式:父子组件通信父组件向子组件传递数据父组件一共需要做4件事1.imports
ziwei3749·2018-02-08 08:52

springboot vue组件写的个人博客系统

springbootvue组件写的个人博客系统个人写的博客管理系统，学习java不到一年欢迎探讨交流学习https://github.com/Arsense/ssmBlog项目地址如果觉得好的帮忙star
你所看不见的阳光·2018-02-07 15:00

vuex的简单使用教程

我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。
wmui·2018-02-02 10:33

关于Vue组件化开发的思考

今天在家躺了一天，直到晚上才考虑清楚，当人没有明确目标的时候，太容易被环境影响了。目标需要切合实际，至于和实际之间的距离，取决于当前认知的正确和全面。既有认知（误）一般说到组件，我首先想到的是弹窗，其他就大脑空白了。因为觉得这个是在项目中最常用的功能，提取出来方便复用的才是组件～然而我才发现这个想法是有问题的。我发觉可能从意识上把Vue的组件和UI库的组件（弹窗之类的）混淆了。。。联动思考（悟）缘
weixin_34261739·2018-02-01 15:53

Vue组件之自定义事件的功能图解

使用v-on绑定自定义事件（一）基于webpack的项目初始化在使用之前，我们先使用npm构建一个vue应用，使该项目能很好地和webpack模块打包器配合使用，命令如下进入自定义空文件夹vuepro下，myapp项目初始化需利用webpack打包生成一个标准目录的项目文件夹vueinitwebpackmyapp安装过程会出现以下几个让我们操作的地方，前几个直接按回车，后面输入n即可，如下图安装完
雅玲哑铃·2018-02-01 08:24

关于Vue组件化开发的思考

今天在家躺了一天，直到晚上才考虑清楚，当人没有明确目标的时候，太容易被环境影响了。目标需要切合实际，至于和实际之间的距离，取决于当前认知的正确和全面。既有认知（误）一般说到组件，我首先想到的是弹窗，其他就大脑空白了。因为觉得这个是在项目中最常用的功能，提取出来方便复用的才是组件～然而我才发现这个想法是有问题的。我发觉可能从意识上把Vue的组件和UI库的组件（弹窗之类的）混淆了。。。联动思考（悟）缘
幸运儿·2018-02-01 00:00

老生常谈——vue组件之间通信

老生常谈的组件之间通信vue组件之间的通信细分为三种情况：兄弟组件之间的通信，父组件向子组件传递数据，子组件向父组件传递数据。下面一一说明。
小蜗牛22·2018-01-29 18:12

Vue学习的第十一天

#编写可复用组件在编写组件时,最好考虑以后是否要进行复用,可复用组件应当定义一个清晰的公开接口,同时也不要对其使用的外层数据作出任何假设.Vue组件的API来自三个部分--prop,事件和插槽:1.Prop
Easy_Dream·2018-01-29 10:42

vue-element-admin-master二级路由三级菜单显示的改进

原项目菜单嵌套对应的路由嵌套但实际项目中路由只有两级,菜单有三级,第二级路由的功能要实现分组或子分类的功能,在菜单中实现三级实现思路:在上一篇中实现从服务器端动态得到路由后src/store/modules/permission.js文件中判断实际vue
瓜瓜2008·2018-01-25 10:55

vue从入门到进阶：Vuex状态管理（十）

NPM:npminstallvuex--saveState在Vue组件中获得Vuex状态constCounter={te
风雨后见彩虹·2018-01-24 00:00

一个 VUE 组件：实现子元素 scroll 父元素容器不跟随滚动（兼容PC、移动端）

详细文档&例子Document&Demovue-scroll-lock一个VUE组件：子元素scroll父元素容器不跟随滚动（兼容PC、移动端）【
smackgg·2018-01-22 00:00

vue组件之间的多种通信方法

这里提供三种不同情况下vue组件的通信方式。一.vue父子组件通信vue父子组件通信可以用Vue.$emit自定义事件来解决。
Jarvan大熊·2018-01-18 18:31

vue组件递归

管理系统中很多这样树形菜单显示的，这里要用到组件的递归来完成，这里我们来学习下vue关于组件递归的实现。实现原理递归的原理无非就是自己调用自己，来实现无限循环，但是递归需要有边界条件、递归前进段和递归返回段。当边界条件不满足时，递归前进；当边界条件满足时，递归返回。否则会无限死循环，程序报错。代码实现子组件父组件数据类型menuList:[{id:"2",resourceName:"微信公众号",
席坤·2018-01-17 14:41

权限管理模块中动态加载Vue组件

当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项目中遇到的问题以及我的解决方案，希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程，主要介绍了核心思路并讲解了核心代码，完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外，原本计划把项目跑起来放到
_江南一点雨·2018-01-17 10:02

vue从入门到进阶：组件Component详解（六）

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。二.注册组件全局注册htm
风雨后见彩虹·2018-01-13 00:00

简单的Vue SSR的示例代码

前言最近接手一个老项目，典型的Vue组件化前端渲染，后续业务优化可能会朝SSR方向走，因此，就先做些技术储备。如果对VueSSR完全不了解，请先阅读官方文档。
youngwind·2018-01-12 14:40

vuex 基本入门和使用（一）

状态这里泛指vue组件的一些当前的状况和性质，例如当前a组件是获取到了10条数据，这是一个状态，b组件滚动到某个位置，这也是一个状态。状态管理是什么：状态管理是对之
线上猛如虎·2018-01-12 00:00

Vue自定义插件

个人学习Vue上的一些总结，重新看了一遍Vue官方api写了一个loading组件插件的话其实就是正常vue组件+挂载到原型exportdefault{data(){return{showFlag:false
无来往·2018-01-10 19:05

vue组件递归——级联菜单的实现

最近做项目经常会用到一些UI库，比如element、iview等，这些能够快速构建应用的库真的十分方便。比如iview的级联菜单很是好用，但是在使用的同时不免起了一些疑惑，它是怎么做到多级联动，依我所知，如果一个数据是多层的，我们就要多次使用v-for，并且需要知道要循环几次，但是这个组件貌似不需要多次复用。好啦，下面进入正题！数据首先我们手里是一份这样的JSON数据：list:[{"id":"1
ALOLONGHUN·2018-01-10 10:39

vue-loader

Vue组件细则.vue文件最多包含一个块.vue文件最多包含一个块.vue文件可以包含多个标签src还可以从NPM包中直接导入资源自定义块上同样支持src导入注释顶层注释使用HTML注释语法：ES2015https
jh2k15·2018-01-08 21:27

Vue组件的使用教程详解

官网：https://cn.vuejs.org/v2/guide/components.html1.Vue组件的介绍组件(Component)是Vue.js最强大的功能之一。
开始_终结_总是_没变改·2018-01-05 09:37

vue几种组件传值

VUE组件通信1.父子组件通信（1）怎么定义是父子组件？第一种：将其他组件以import引入用自定义标签接收，在当前组件中component里注册该标签，页面上可以直接用样子使用。
纯血前端攻城狮·2018-01-04 10:17

深入浅析vue组件间事件传递

由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法以外，最大的不同应该是对于组件间的通信，不仅有props，还有一种事件监听，也是可以通过组件间传递的。但是，在vue2.+中，vue引入了diff算法和虚拟dom来提升效率。我们知道这些事为了处理频繁更新dom元素所提出的一种优化方
灰色的龙猫·2017-12-29 10:19

Vue组件的书写形式

之前只是用过第三种方式去创建组件，最近接触到第一种写法的项目，所以写下了下面的内容使用script标签//注意type和id/*index.js*/require(['./asset/js/vue.min'],function(Vue){vartmpIndex=newVue({el:'#index-container',template:'#index-template',data:{...},.
Dear_Mr·2017-12-28 17:53

关于vue组件间事件传递的讨论

由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法以外，最大的不同应该是对于组件间的通信，不仅有props，还有一种事件监听，也是可以通过组件间传递的。但是，在vue2.+中，vue引入了diff算法和虚拟dom来提升效率。我们知道这些事为了处理频繁更新dom元素所提出的一种优化方
灰色的龙猫·2017-12-28 11:29

Vue组件通信之Bus的具体使用

关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。在vue2.0中$dispatch和$broadcast已经被弃用。官方文档中给出的解释是：因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。这种事件方式确实不太好，我们也不希望在以后让开发者们太痛苦。并且$dispatch和$broadcast也没有解决兄弟组件间
Damer·2017-12-28 10:07

Vue基础（组件）

所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。使用组件（1）全局注册我们已经
Vivianluolita·2017-12-27 17:58

基于 flexible 的 Vue 组件：Toast -- 显示框效果

基于flexible.js的Vue组件前言：目前手头的移动端Vue项目是用手淘的lib-flexible作适配的，并用px2rem来自动转换成rem。
冰扬·2017-12-26 10:48

Vue组件间的通信--父传子

属性传值，子组件props接收//1:创建父组件Vue.component("parent",{data:function(){return{money:3000}},template:`父组件`});//2:创建子组件Vue.component("child",{template:`子组件{{myValue}}`,props:["myValue"],//声明变量保存父组件数据mounted:fu
sky星辰01·2017-12-22 21:05

Mybatis批量插入Oracle数据库

作为一个混在WEB前端开发的菜鸟，我自己开发过一些React组件、Vue组件，实现过类似Express框架的路由，玩过基于jQuery实现的router…这还差点什么？
Doniet·2017-12-20 23:52

基于Vue开发数字输入框组件

1、概述Vue组件开发的API：props、events和slots2、组件代码github地址：https://github.com/MengFangui/VueInputNumber效果：（1）index.html
孟繁贵·2017-12-19 11:09

vue 通过下拉框组件学习vue中的父子通讯

如果说vue组件化开发中第一步应该了解的是什么的话，那无疑是父子组件之间是如何实现通讯的(说白了就是父子组件中数据是如何传递的)，只有理解了这一步，才能更好的开发组件这里先提出两个关键词：props与emit
深谷逸风·2017-12-19 09:27

SGMA

在Vue组件
peng凯·2017-12-17 17:42

vue饿了么webapp之router-view传值（深坑！！）（evenBus的使用）

首先，想要在app.vue组件里面请求获取到商品的信息seller，想把seller通过router-view传递给当前router-view所显示的组件good.vue，在good里面使用seller
chiuwingyan·2017-12-16 15:54

在vue-cli中组件通信的方法

具体如下：vue组件之间的通信包括三种：1.父组件向子组件通信2.子组件向父组件通信3.同级组件之间的通信一.父传子组件通信拿app.vue当父组件，content.vue当子组件1.父组件中导入子组件
a2774206·2017-12-16 09:32
上一页 155 156 157 158 159 160 161 162 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他