vue组件

5分钟上手vue组件开发

对于许多刚开始学习vue的朋友，可能对于vue的父子组件之间如何通信不是很了解，今天作者就vue父子组件之间的通信做了一个小的demo来方便大家快速的理解父子组件通信原理，下面将结合代码对父子组件通信进行分析，希望可以帮助到需要的朋友。（项目变大以后相信大家会用到组件开发的，因为组件开发对项目的后续开发会有着较大的意义）先来试一下小的demo，感受一下父子组件之间的通信是个啥demo:在线Demo
赐我一颗平常心·2020-08-15 17:09

vue项目中z-index不起作用（将vue实例挂在到window上面）

问题描述：由于原有项目（传统项目）中嵌入新的vue组件，dialog弹出框的z-index：999999；任然不起作用；解决办法：将vue实例挂载到window解决代码如下：入口文件index.js中importIndexfrom
weixin_30577801·2020-08-15 16:57

vue组件中父子传值双向绑定

效果图父组件页面父组件页面引用子组件父组件用:parentmessage.sync="hphm"传递hphm给子组件并接收子组件更新过的hphmPS：因为sync其实是一个语法糖,这段代码会被扩展为parentmessage=val">子组件页面props接收props:{parentmessage:{type:String,default:'',}},监听parentmessage，监听到改变后
人间草木96·2020-08-15 12:51

将vue methods方法挂载到全局window对象，给app端或后台使用 vue项目

（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，并没有绑定window对象下面，这样一来，vue
怒放的阿旭·2020-08-15 12:42

Vue-Vue组件的注册和使用

全局注册：要注册一个全局组件，可以使用Vue.component(tagName,options)。注意确保在初始化根实例之前注册组件：html代码：JS代码：//注册Vue.component('my-component',{template:'Acustomcomponent!'})//创建根实例newVue({el:'#example'})渲染为：Acustomcomponent!局部注册：
可？·2020-08-15 12:30

做一个自己的Vue组件库——Functional-button

文章链接：https://justforuse.github.io/blog/zh-cn/2019/05/create-vue-plugin/文章主要介绍了：如何制作自己的Vue组件库一个比较实用的功能按钮库
justforuse·2020-08-15 11:30

vue常用组件框架库

饿了么团队开源一个基于vue组件库elementUIPC官网http://element.eleme.io/MintUI移动端http://mint-ui.github.io/iView是一套基于Vue.js
ADLF·2020-08-15 11:17

漫谈Vue组件库开发

2017年是Vue.js大爆发的一年，React迎来了一个强有力的竞争对手，王者地位受到挑战（撰写此文时github上Vue与React的star数量已逼近）。我们团队这一年有十多个大型项目采用了Vue技术栈，在开发效率、页面性能、可维护性等方面都有不错的收效。我们希望把这些项目中可复用的功能组件提取出来，给后续项目使用，以减少重复开发，提高效率，同时也为了致敬前端界“出一个框架，造一遍轮子”的行
开涛的博客·2020-08-15 11:33

Vue前端组件库介绍

kb-vue-components组件库平台介绍这里汇集大家常用的Vue组件，并提供相应组件的使用教程。方便你找到适合自己的组件，并快速上手使用。
孔彬的技术专栏·2020-08-15 10:50

Vue组件库的那些事儿，你都知道吗？

前段时间一直在研究Vue组件库，终于在组内派上了用场。来给大家贡献一篇关于Vue组件库的相关知识。
大转转FE·2020-08-15 10:52

vue使用轻量级弹出层组件

后台管理系统经常会使用到弹出层进行表单数据填写，使用element-ui会发现弹出层的整体不美观，而且无法拖拽，换一个基于lay-ui弹出层的vue组件lay-ui是一个基于jQuery的经典的UI框架
看那一缕阳光·2020-08-15 10:55

vue组件中的样式属性：scoped，解决在父组件中无法修改子组件样式问题

vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素，它是通过使用PostCSS来改变以下内容实现的：.example{color:red;}hi//渲染结果
weixin_34357436·2020-08-15 08:26

组件

一、定义Vue组件什么是组件：组件的出现，就是为了拆分vue实例代码量，能够让我们以不同的组件来划分不同的功能模块，将来根据功能的需要，调用对应的组件。
雪爪鸿泥·2020-08-15 04:00

滑动验证（vue）

pc端vue组件，可直接引用{{confirmWords}}exportdefault{data(){return{beginClientX:0,/*距离屏幕左端距离*/mouseMoveStata:false
一只前端旺·2020-08-15 02:59

vue 扩展现有组件的操作

1.使用vue.mixin全局混入混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
·2020-08-15 00:18

Vue.use和Vue.prototype

$utils=utils首先看一下概念化的区别1.不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式2.非vue官方库不支持newVue()方式3.每一个vue组件都是Vue的实
易-水寒·2020-08-14 23:22

vue 父子组件双向绑定

vue组件有2大特性：1.全局组件和局部组件2.父子组件的数据传递接下来直接用demo直接看如何传值（静态传值）father.vue//静态传值importCounterfrom'.
aed77922·2020-08-14 23:34

vue-cli入门

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是
独久·2020-08-14 18:00

webpack快速入门

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门8.webpackWebpack是一个前端资源的打包工具
独久·2020-08-14 18:00

Vue路由vue-router

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门7.路由vue-router7.1.场景模拟现在我们来实现这样一个功能
独久·2020-08-14 18:00

Vue组件化

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门6.组件化在大型应用开发的时候，页面可以划分成很多部分
独久·2020-08-14 18:00

Vue指令

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门5.指令什么是指令？
独久·2020-08-14 18:00

Vue实例

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门4.Vue实例4.1.创建Vue实例每个Vue应用都是通过用
独久·2020-08-14 18:00

Vue快速入门

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门3.快速入门接下来，我们快速领略下vue的魅力3.1
独久·2020-08-14 18:00

认识Vue 并安装nodeJS和NPM

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门0.前言先聊一下前端开发模式的发展。
独久·2020-08-14 17:00

vue组件通讯---props,$emit

props父组件可以使用props把数据传给子组件。$emit子组件可以使用$emit触发父组件的自定义事件。父组件importLoginLayerfrom"@/components/loginlayer"exportdefault{name:'login',components:{LoginLayer},data(){return{logintitle:"登录",}},methods:{tolo
Provenr丶·2020-08-14 12:08

Vue UI 组件库【Ant-design-vue】的使用心得

安装与引入Ant-design-vue组件库的安装非常简单：npmi--saveant-design-vue引入的方式有两种：全部引入import'ant-design-vue/dist/antd.css'Vue.config.productionTip
qcl006007·2020-08-14 10:42

vue如何拖动改变组件大小_Vue组件，用于可拖动和可调整大小的元素

vue如何拖动改变组件大小Vue拖动调整大小(Vue-drag-resize)VueComponentforresizeanddragelements.Vue组件，用于调整大小和拖动元素。
cuk5239·2020-08-14 10:15

(vue)文本间空格占位符_Vue库，用于使用占位符的富文本

(vue)文本间空格占位符用于丰富内容字符串的Vue组件(Vuecomponentforrichcontentstrings)Thislibraryprovidesasimplevuecomponenttorendertextwithrichplaceholderreplacements.Theparametersthatarereplacedcaneitherbeastringoranobjec
cuk5239·2020-08-14 10:44

vue 父组件 子组件数据_数据透视表的Vue组件

vue父组件子组件数据数据透视表(vue-pivot-table)Avuecomponentforpivottable.数据透视表的Vue组件。
cuk5239·2020-08-14 09:14

vue.js组件数据绑定_Vue.js的增强的数据透视表组件

vue.js组件数据绑定VUE数据透视表加(vue-pivot-table-plus)Acustomizedvuecomponentforpivottable.数据透视表的定制vue组件。
cuk5239·2020-08-14 09:14

实现echarts图标动态更新所遇到的问题与解决方法

1、Vue组件的prop数据：prop值更新的问题，通过prop把父组件的值传递给子组件，是单向流动的。随着父组件值的更新，子组件的值也会动态更新。
xclhs·2020-08-14 08:53

如何上传Vue组件到npm库中

介绍组件库在当下非常流行。但是使用组件库和发布组件库就是两回事了今天我会详细的介绍如何在npm发布自己的组件库，并在项目中使用创建组件库，我们今天借助vue-sfc-rollup这个npm包工具，这是一个对于我们创建组件非常有用的工具该软件包为项目创建了一组文件。如其文档)所述，其创建的文件包括以下内容（SFC代表“单个文件组件”）压缩rollupjs配置带有build/dev脚本和依赖项的相应p
MrWang·2020-08-14 00:38

vue组件之间数据传递的几种方式

一、props$emit父子组件之间传值缺点:如果组件嵌套层次多的话，数据传递比较繁琐1）父组件向子组件传值propsconstcompa={props:{propa:String,propb:{type:Boolean,required:true//必传},propc:{type:Array},propd:{type:Object,required:true},prope:{type:Funct
胡歌的小奶音·2020-08-13 22:56

Vue组件化梳理

一、组件化（1）：全局组件与局部组件的定义组件定义的步骤：1：组件注册2：组件的模板定义与绑定3：组件的使用注意点：/*全局组件01:全局组件：Vue.component(name,options)name:为组件名称options：为组件的配置参数(是个对象)template:只能是有一个根节点组件用途：复用---（每一次返回一个对象）为了达到复用的时候，每一个为独立的数据三段论：大前提：Vue
小渣亮·2020-08-13 22:28

env的配置问题

做项目的时候遇到了这个问题，所以写一篇博客记录一下开始的时候是直接将公共路径像开发的时候的地址和图片路径都写在Global.vue组件里面的，这么写确实没什么问题，只不过在npmrunbuild的时候需要修改一些配置
不会射箭的丘比特·2020-08-13 22:49

vue组件与vue实例的关系

vue构造、vue组件和vue实例这三个是不同的概念，它们的关系有点类似于Java的继承概念：关系：vue构造->vue组件->vue实例也就是说不同的vue组件可以共用同一个vue构造，不同的vue实例可以共用同一个
weixin_34189116·2020-08-13 21:51

vue组件间通讯，相互传递数据 插槽slot

一、父组件向子组件传递数据（利用子组件的props属性）{{title}}-->{{msg}}{{title}}-->{{msg}}varvm=newVue({el:"#app",data:{},methods:{},components:{"parent-component":{data(){return{title:"我是父组件",msg:"我是父组件数据"}},template:"#pare
weixin_30790841·2020-08-13 20:13

vue-video监听touch事件

本文讲述如何改写其vue组件，使其兼容移动端。只需要在其原有的mouse事件上，再额外添加touch事件即可。
weixin_30681615·2020-08-13 20:52

vue 项目登录页面添加验证码

具体参数如下：直接上测试代码：identify.vue组件（主要用于定义参数和方法）     exportdefault{  name:'SIdentify',  props:{   identifyCode
榴莲豆包·2020-08-13 18:17

饿了么项目---8、关于iscoll的扩展 better scroll的使用----左右菜单联动(2)

本章重点：-如何使用betterscroll的事件派发-betterscroll的滚动监听事件、如何滚动元素、如何实现左右联动的巧妙逻辑一、效果图二、需求分析分块：good.vue组件主要分为左侧菜单区
yx912·2020-08-13 17:25

vue-cli构建的项目，vue组件和根实例的关系

一、问题学习vue.js，根据资料，直接用vue-cli构建的项目。想像其它项目一样，如Java的项目，在这个基本的框架上，做几个基本的练习，把教程中的内容都练习一下。搜索菜鸟教程vue.js教程，想直接按照例子写，出现问题了。例如，条件判断使用v-if指令：照内容，新建一个Study.vue文件组件，这里直接用newVue（）来写，路由配置好，但是页面进入后是空白，控制台输出UncaughtRe
qq_35139897·2020-08-13 17:24

vue组件以及组件运用的方式

组件的运用让代码重用性更强大。自定义组件，每一个组件都有这些东西1.全局定义（所有的vue实例都能使用）Vue.component('my-btn',{})2.局部定义（用的较多）在newVue的构造函数中定义newVue({data:{},//对象methods:{},components:{'组件名称一般组件名称有个前缀比如：my-btn':{//这里是选项与vue({})中的参数选项基本一致
爱吃芒果de仙女·2020-08-13 17:33

Vue组件和组件构造器

组件Vue.component()这里有一个Vue组件的示例：//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function
WiMemory·2020-08-13 16:24

Vue监控路由变化以及应用

Vue监控路由的应用问题来源：我想要实现这样的一个功能，在同一个vue组件内，根据路由的不同分别呈现出首页banner或者是搜索功能错误的解决办法我最初希望单纯使用data(){return{status
Raaabbit·2020-08-13 14:10

vue组件和根实例的关系

学vue组件的时候，一直没有弄明白，用Vue.component注册组件的时候，整个component方法单摆浮搁，没有和其他任何Vue实例有关联，想不明白为什么也能修改html内容。
不见蝴蝶不见君。·2020-08-13 14:25

node 实现生成vue组件

安装一下chalk，这个插件能让我们的控制台输出语句有各种颜色区分npminstallchalk--save-dev复制代码在根目录中创建一个scripts文件夹，新增一个generateComponent.js文件，放置生成公共组件的代码、新增一个template.js文件，放置组件模板的代码新增一个generateView.js文件，放置页面组件的代码package.json.scripts配
Shan_yuan·2020-08-13 12:46

vue面试系列(1) vue.js的两个核心是什么？

vue组件的核心选项:1、模板（template）：模板声明了数据和最终展现给用户的DOM之间的映
SBTOC·2020-08-13 12:50

Vue的踩坑记录2

之后然后对修改样式的一些不理解，还是保留着之前用前端三剑客代码来写页面的思维，所以遇到了很多麻烦vue中使用内联样式，外联样式这些都是没问题的，这个时候给一个class样式然后就可以让元素改变，但是一般情况下使用vue
不会射箭的丘比特·2020-08-13 11:44

利用nodejs写一个自动生成vue组件文件的cli

作者：小白君欢迎访问个人github仓库转载请标明出处引言自从入了vue的坑后，对vue的热爱犹如滔滔江水，一发不可收拾（哈哈哈哈，骚比一下）。公司开发，编写组件基本上都用伟大的vue，虽然目前在公司主要从事移动端app开发，虽说vue官网有推荐vue-cli，其提供了init，build，list等命令，但并没有提供生成新的组件文件的命令，每次只能手动添加一个新的组件文件，感觉比较麻烦，于是就想
weixin_33994444·2020-08-13 11:44
上一页 97 98 99 100 101 102 103 104 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他