vue组件第133页

VUE+WebPack前端游戏设计：依赖VUE组件通讯机制实现场景游戏切换

更详细的讲解和代码调试演示过程，请点击链接上一节，我们已经实现了游戏的启动场景设计，本节，我们继续把游戏的进行场景和结束场景完成，并通过VUE组件的通讯机制，实现不同场景间的任意切换。

望月从良·2020-03-29 06:43

2018-04-19 style-loader&css-loader一点修改

背景项目中使用了webpack/vue/less,开发时配置了style-loader,一直很满意，直到遇到一个问题问题某个vue组件中引用了一个less样式，一直不生效。

袁波_爱谁谁·2020-03-29 01:21

Vuejs中.vue文件里引入第三方js和样式文件（sass，less，css），简单实例

/segmentfault.com/u/sosout声明：所有代码均为图片，养成动手敲的习惯，切记直接粘贴复制首先，引入的方式取决于如何搭建的项目，如果用webpack的话直接在需要用外部jscss的vue

fullbook·2020-03-28 22:26

vue+webpack app项目(2)

-这个字面意思确实难以理解，用代码解释-首先定义Bar.vue组件替代最外层的navPaste_Image.png-然后在main.vueimport进来引用-原来的nav标签就会变成这样写Paste_Image.png

Obeing·2020-03-28 19:33

38-Vue组件-切换动画

组件在切换时候牵涉到离开的组件和进入的组件,让我们一起来探讨这种时序上有问题的情景吧mode默认.gifmodeout-in.gifhttps://cn.vuejs.org/v2/guide/transitions.html#过渡模式0.bugs又是后bug出在细微的语法上或者文件路径上,这时候要在浏览器的控制器中定位错误代码一.问题image.png简单的说,就是当一个按钮同时控制两个组件,一个

梦想成为小仙女·2020-03-28 02:39

Vue原理解析（六）：全面深入理解响应式原理(上)-对象基础篇

响应式系统如果根据数据类型区分，对象和数组它们的实现会有所不同；解释响应式原理，如果只是为了说明响应式原理而说，但不是从整体流程出发，不在vue组件化的整体流程中找到响应式原理的位置，对深刻理解响应式原理并不太好

飞跃疯人院_a·2020-03-27 21:46

Vue组件库大对比--HeyUI, iView, Element

目前，市面上主流的Vue组件库大概就是iview,element。当然，heyui不在范围内，38个star屈指可数，大部分还是认识的同事。更可恶的还是骗不来后端同学的star，心塞。

vvpvvp·2020-03-27 20:16

Cordova笔记二：vue-leaflet-cordova的创建

Cordova笔记二：vue-leaflet-cordova的创建vue组件化三部曲：Leaflet笔记四（续）：Vue-Leaflet2.0Leaflet笔记九：vue-leaflet-mobileCordova

brandonxiang·2020-03-27 17:39

Vue-3D-Model：用简单的方式来展示三维模型

一个用来展示三维模型的Vue组件，用最简单的方式在网页中展示三维模型，解决模型视角控制、鼠标事件等一系列问题。

hujiulong·2020-03-27 13:36

vue组件之间通信方式总结

组件化开发最常见的业务场景就是组件之间的通信，而vue并不能像react一样，灵活的运用props和回调函数就可以实现组件之间的通信，vue提供相对较多的api应对不同的功能需求，这里做一个运用层次的归纳，备忘；先模拟一个业务组件场景如下：传递类型见虚线字母（A、B……）image方式一：propsprops适合类型A父传子的传递类型；也是最常见的传递方式；用法参见官方文档；方式二：$emit/$

lvzhiyi·2020-03-27 08:19

Vue组件引入less文件，图片路径问题

less函数存放和使用文件位置介绍image.png错误写法image.png这样写，在m-header文件中直接相对m-header文件位置调用logo图片会报路径错误的.bg-image('logo')正确写法正确写法注意：需要在第一个url前添加~之后的用""包裹着~"url(@{url}@2x.png)"中@{url}@2x.png外不需要用''包裹，想这样background-image

zackxizi·2020-03-27 08:59

Vue组件开发系列之Button组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/ButtonFireShotCapture7-nvx-http___localhost_8080_demo#_Button.png组件结构：{{title}}代码分析：props参数：props:{title:{//组件显示的文字type:String,default:()=>{r

vue爱好者·2020-03-27 05:13

Vue ERROR Failed to compile with 1 errors

Vue项目中，引用vue组件，该组件是发布成npm包引入的，组件的目录结构和项目的目录结构相似。

大飞丫·2020-03-26 17:54

VScode配置存档

MaterialIconTheme（文件图标主题）OneDarkPro（颜色主题）OpenHTMLinDefaultBrowser（在默认浏览器中打开）PathAutocomplete（路径自动补全）Vetur（Vue

眼星·2020-03-26 15:59

前端-vue框架学习笔记(一)-项目构建

项目构建学习文档2.构建项目2.1vue-cli脚手架构建项目2.2自定义构建项目2.2.1文件/文件夹创建2.2.2webpack.config.js文件配置和相关依赖包安装2.2.3入口文件创建、vue

Sol_elY·2020-03-26 14:03

css动画过渡

title:css动画和transition过渡toc:truedate:2017-03-20vue组件技术分享分享css动画和transition过渡的一些个人理解。

SanY_cjp·2020-03-26 13:03

vue中mixins的使用方法和注意点（详）

mixins基础概况vue中的解释是这样的，如果觉得语言枯燥的可以自行跳过嘿~混入(mixins)：是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。

蘑菇不寂寞·2020-03-26 13:43

如何利用v-model写好vue组件

一、正确认识v-modelv-model其实是个语法糖，可以把它拆解成两部分，首先是通过:value="someValue"将数据通过props传入子组件，然后通过监听子组件的input事件更新父组件的数据@input="val=>someValue=val"someValue=val"/>handleInput(val){this.someValue=val}二、组件的设计目的v-model一般

陆志均·2020-03-26 08:56

vue组件深入

组件注册组件名在注册一个组件的时候，我们始终需要给它一个名字。Vue.component('my-component-name',{/*...*/})该组件名就是Vue.component的第一个参数。组件名大小写定义组件名的方式有两种：使用短横线分隔命名Vue.component('my-component-name',{/*...*/})当使用短横线分隔命名定义一个组件时，必须在引用这个自定义

oWSQo·2020-03-26 05:48

使用Vue组件来实现下拉刷新容器

vue-pullrefreshVue组件实现下拉刷新功能Github地址效果图pullrefresh.gifDemo地址qrcode.jpeg使用方式gitclonehttps://github.com

原谅我的突然·2020-03-26 04:56

vue实例和vue组件的生命周期以及生命周期钩子函数

beforeCreate函数,实例初始化之前就会触发,这个函数没什么用,因为它什么也没拿到created函数,实例初始化完了,会触发,这时候,可以拿到实例里面的data了,如果在这个函数内部,更改数据,不会触发updated和beforeUpdate函数beforeMounte函数,虚拟dom生成之前触发,也可以拿到实例里面的数据mounted函数,虚拟dom完成,并挂载好了,可以拿到页面中的元素

wangsiyisiyi·2020-03-25 23:22

vue组件之间的通信方式（二）

data和propsprops常用于数据传递，子组件中不可以直接修改，这也是vue单向数据流的特性data在任何情况下改变，都能同步反应的view层怎么在子组件中改动props传递过来的数据呢？利用data的动态性，将props数据存在data中，通过修改data数据更新视图props:['msg'],data(){return{myMsg:this.msg}}将props转存到计算属性compu

moofyu·2020-03-25 14:57

Vuex入门到上手教程

在搭建下面页面时，你可能会对vue组件之间的通信感到崩溃，特别是非父子组件之间通信。此时就应该使用vuex，轻松可以搞定组件间通信

前端小攻略·2020-03-25 04:08

vue组件之间的通信

vue之间通信也挺简单的，用到的场景挺多的，简单说下。1父组件向子组件传递数据子组件在父组件的并作为标签引入，通过设置标签的属性传递数据，在子组件用props接受，，例如下面这样，父组件parent.vue引入子组件child.vue，将父组件的数据name通过设置标签child的name属性传递给子组件，子组件通过props传递接受，接受后，在子组件内this.name就是父组件的name数据。

小强不是蟑螂啊·2020-03-25 02:24

Vue组件间通信之$emit/$on

一、介绍一个vue.js肯定是由多个组件组成的，而组件实例的作用域是相互独立的，即不同组件之间的数据无法简单的相互引用。但是避免不了有时需要相互引用，比如一个父组件包含多个子组件，当父组件更改后需要同时更新各个子组件的数据。一般组件间有几种关系，像A.vue与B.vue是父子关系，A.vue与C.vue是隔代关系，C.vue和D.vue是兄弟关系，不同的关系之间可能通信方式不同，比如父组件向子组件

_仰望月空·2020-03-24 16:20

Vue组件学习记录

什么是组件？组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。实例首先应该注册，也就是告诉浏览器我新发明了一个元素。要注册一个全局组件，你可以使用Vue.component(tagName,options)。例如：Vue.component('m

鸭梨山大哎·2020-03-24 09:43

Vue组件三-Slot分发内容

Vue组件三-Slot分发内容开始Vue组件是学习Vue框架最比较难的部分，而这部分难点我认为可以分为三个部分学习，即组件的传值-父组件向子组件中传值事件回馈-子组件向父组件发送消息，父组件监听消息分发内容整片博客使用的源代码

mdiep·2020-03-24 00:45

vue---identify图形验证码插件封装一步步教你如何封装

/component/identify.vue'Vue.use(SIdentify)新建identify.vue组件可以全部复制进去exportdefault{name:'SIdentify',props

undefined汪少·2020-03-23 16:38

Vue组件通信

（1）父组件通过ref获取子组件data给子组件模板一个ref名父组件通过this.$ref.ref名.data来取子组件的数据ref父组件访问子组件数据通过ref获取子组件实例{{message}}Vue.component('component-a',{template:"{{message}}",data:function(){return{message:"子组件的信息"}}});vara

西兰花伟大炮·2020-03-23 16:48

Vue Class Component文档翻译

https://class-component.vuejs.org/本文包括了文档中的总览,安装,指南,TypeScript指南总览VueClassComponent是一个可以让你使用Class风格语法编写Vue

ZZES_ZCDC·2020-03-23 12:16

[前端开发]Vue组件化的思想

组件化的思想将一个页面中的处理逻辑放在一起，处理起来就会很复杂，不利于后续管理和扩展。如果将页面拆分成一个个小的功能块，每个功能块实现自己的内容，之后对页面的管理和维护就变得很容易了。注册组件的基本步骤1.创建组件构造器2.注册组件3.使用组件//创建组件构造器对象constcpnC=Vue.extend({template:`helloworldhiworld`})//注册组件Vue.compo

kaba·2020-03-23 11:00

一个vue2的多色图标方案：vue-svg-icon

https://cenkai88.github.io/vue-svg-icon/demo/项目地址:https://github.com/cenkai88/vue-svg-icon求star～～个人的第一个vue

cenkai88·2020-03-23 04:11

style scoped

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块scoped实现私有化样式的原理vue通过在DOM结构以及css样式上加唯一不重复的标记

xiaowenSpring·2020-03-22 16:54

Vue组件的可复用性

混合混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。例如：varmyM

老鼠AI大米_Java全栈·2020-03-22 16:19

vue开发组件设置*.vue文件模板

title:vue组件开发模板date:2016-11-21开发模板规范本文介绍vue组件开发的模板，在使用vue技术开发的项目中采用此模板进行组件开发。

SanY_cjp·2020-03-22 13:57

vue-2.0 loading 组件

参考vue-hackernews-2.0项目里面的spinner.vue组件，做了简单的修改。修改后的组件添加了信息提示的功能，而且对模板做了调整，方便模块化使用。

晚枫90·2020-03-22 04:15

vue组件通信，父子

1、EventBus//子组件mounted(){this.$bus.off('clearSlides')this.$bus.on('clearSlides',()=>{this.filterAlarmData=[]})}//父组件switchAR(item){this.$bus.emit('clearSlides')}2、普通方法//子组件父组件传给子组件的toCity:{{sendData}}

懒羊羊3号·2020-03-21 21:12

vue组件库

UI组件element-饿了么出品的Vue2的webUI工具套件Vux-基于Vue和WeUI的组件库mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material-通过VueMaterial和Vue2建立精美的app应用muse-ui-三端样式一致的响应式UI库vuetify-为移动而生的VueJS2组件框架voni

后前前打·2020-03-21 12:17

vue-事件

title:vue-事件处理date:2017-03-23vue事件本文介绍vue组件的事件处理，并通过示例模拟vue对原生事件的封装。vue-事件处理vue事件处理此处不再赘述，直接看官方文档。

SanY_cjp·2020-03-21 06:32

vue组件基础

组件是可复用的Vue实例，且带有一个名字。我们可以在一个通过newVue创建的Vue根实例中，把这个组件作为自定义元素来使用。//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return{count:0}},template:'Youclickedme{{count}}times.'})newVue

oWSQo·2020-03-21 03:00

2017年8月第二周总结

今天的鲜花输入与输出阅读：《写作课》写作：《突击学习短篇小说写作》《Vue组件通信实践记录》学习：1.短篇小说创作格式与逻辑2.6节水彩视频课程输出：1.小说更新到6000字，还有14000字2.录制编程课程一节工作和领导商议了重构项目的任务和周期

Cayley硕儿·2020-03-21 02:23

Vue组件通信及状态管理

前言本文主要说明Vue的核心内容---组件间的通信。文中将使用几个栗子来了解，本文示例基于Vue2.0。父子组件间的通信单一事件中心管理组件通信集中式管理数据Vuex父子组件间的通信---props使用子组件获取父组件的数据我是父组件----{{msg}}我是子组件----{{msgdata}}newVue({el:'#wrap',data:{msg:'我是父组件的数据'},components:

yimi珊·2020-03-21 00:12

【vue-power-drag】一个实现自由布局排版的vue组件

话不多说：直接上效果DEMO：https://xiongcaihu.github.io/#/LIVEDEMOtest1.giftest2.gif适用场景：PC端Web自由排版开发初衷：由于以前有duckboard写的gridster，所以一直没有这种自己开发的需求但是最近因为项目换了vue框架，涉及到了组件嵌套的问题，作为jquery插件的原生gridster已经不能满足这样的功能需求。但是又由于

吃饭用盘装·2020-03-20 17:42

【前端学习笔记】Vue的生命周期

1、beforeCreate2、create3、beforeMount4、mounted5、beforeUpdate6、update7、beforeDestory8、destoryVue组件的生命周期分为四个阶段

花上·2020-03-20 15:06

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

这里提供三种不同情况下vue组件的通信方式。一.vue父子组件通信vue父子组件通信可以用Vue.$emit自定义事件来解决。

WolfSheller·2020-03-20 15:27

vue中mixins的理解及应用

mixins混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。

老鼠AI大米_Java全栈·2020-03-20 12:54

Vue组件参数名命名与组件属性转化示例

本文主要介绍了VueJS组件参数名命名与组件属性转化问题，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。HTML特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased(驼峰式)命名的prop需要转换为相对应的kebab-case(短横线隔开式)命名：Vue.component('child',{//camelCaseinJavaScriptpro

前端攻城小牛·2020-03-20 06:39

vue组件之间的通信方式（一）

一般来说，组件可以有以下几种关系：如上图所示，A和B、B和C、B和D都是父子关系，C和D是兄弟关系，A和C是隔代关系（可能隔多代）。1.props和$emit父组件：通过props向子组件传递数据；绑定v-on来监听子组件触发的事件,并且可以在监听函数中依次取得所有从子组件传来的参数子组件：通过props得到相关的数据，通过$emit(event,[...参数])触发一个自定义的事件//子组件Vu

moofyu·2020-03-19 14:55

干货博客集

基础webpack4.x入门一篇足矣react组件通信方式汇总vue组件之间的通信原生小程序组件通信wepy组件通信与交互flutter组件通信Lodash中assign，extend和merge的区别

页面仔小杨·2020-03-19 13:51

《.netCore + Vue框架搭建之旅》前端篇：微前端架构设计(2)

上篇讲的是通过jquery来加载，在vue项目里面貌似不太完美，于是就改成通过Vue组件来加载模块，同时增加NProgress显示进

卷毛不太卷·2020-03-19 09:00

推荐频道

vue组件