![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
归小超
这个作者很懒,什么都没留下…
展开
-
vue集成ant-design-vue
vue 集成 ant-design-vue原创 2022-12-08 17:08:38 · 1436 阅读 · 1 评论 -
npm 下载包的时候突然报错 warn tar ENOENT
npm下载包报错 warn tar ENOENT原创 2022-11-16 16:23:30 · 1068 阅读 · 0 评论 -
vue项目background-image引入背景图报错
之前写好的代码明明运行很正常,今天早上突然在预发环境挂掉了[31mERROR in ./node_modules/extract-text-webpack-plugin/dist/loader.js?{"omit":1,"remove":true}!./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":false,"root":"C://Program Files (x86)//Jenkins//workspace//原创 2021-12-29 09:26:16 · 2749 阅读 · 0 评论 -
VUE中.sync 修饰符
vue 1.x 的时候曾作为双向绑定功能存在,即子组件可以修改父组件中的值。vue2.0时因为它违反了单向数据流的设计理念,单向数据流指的是使用一个上传数据流和一个下传数据流进行双向数据通信,两个数据流之间相互独立,所以在 vue2.0 的时候被干掉了。在 vue2.3.0+ 以上版本又重新引入了这个 .sync 修饰符。但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件...原创 2019-04-19 21:34:48 · 5147 阅读 · 0 评论 -
Vue组件传值 之 $attrs 和 $listeners
首先,我们先来看一下官方对$attrs 和 $listeners的解释:$attrs:包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。$list...原创 2019-04-26 20:16:15 · 894 阅读 · 1 评论 -
vue组件之$emit
$emit 实现并不是父组件向子组件发送消息来进行通信,而是通过子组件向父组件发送消息来进行通信的,这个上和其他的稍微有点不同。对于$emit,我先是看了下官网的介绍说明有些看不懂,后来自己差了些资料:其实也就是:vm.$emit( event, arg )$emit 绑定一个自定义事件event,当这个这个语句被执行到的时候,就会将参数arg传递给父组件,父组件通过@event监听并接...原创 2019-03-31 23:59:23 · 918 阅读 · 0 评论 -
vue组件之Prop
之前说要学习一下VUE的组件通讯机制,但是因为公司的任务比较多且急,连续两个大的项目模块,合规的和反洗钱真的自己全身心的投入到其中了,连续加了几周的班,今天休息了一下,刚好把vue部分父子组件的通讯方式梳理了一下,就写点总结吧。基本用法Prop的基本用法很简单,只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可。Vue.component('child', { ... /...原创 2019-03-31 23:43:19 · 1703 阅读 · 0 评论 -
浅析Vue的组件注册
因为之前看了的VUE组件的几种通信方式,但是对其中一些概念理解并不是非常的清晰,所以打算把Vue的组件注册来重新梳理一下,梳理之后再回去看通信方式,应该会有更好的理解。Vue的组件注册其实有以下几种:1.全局注册2.局部注册3.模块系统中:在模块系统中局部注册,基础组件的自动化全局注册。Vue.component(组件),组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件...原创 2019-01-30 20:07:38 · 383 阅读 · 0 评论 -
Vue.js 父子组件之间通信的十种方式
其实VUE的几种通信方式无外乎以下几种:1.Prop(常用)2.$emit (组件封装用的较多)3.sync语法糖 (较少)4.$attrs 和 $listeners (组件封装用的较多)5.provide 和 inject (高阶组件/组件库用的较多)6.其他方式通信第一种: Prop:这个在我们日常开发当中用到的非常多。简单来说,我们可以通过 Prop 向子组件传递数据。用一个...原创 2019-01-22 19:59:26 · 347 阅读 · 0 评论 -
VUE学习之v-show和v-if与angular的ng-show和ng-if
今天接到通知,公司项目从angular改为使用vue ,两个框架其实各有千秋吧,Angular相对来说体积大一些,是vue的好几倍,之前我也写过angular和vue的数据双向绑定的区别,一个是脏数据检查机制,一个是数据劫持,采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应...原创 2019-01-07 19:53:14 · 2107 阅读 · 0 评论