vue记录
鹅微微
这个作者很懒,什么都没留下…
展开
-
记录带图片的多列布局高度无法对齐问题
前端带图片的布局高度无法对齐问题原创 2022-10-31 20:07:00 · 145 阅读 · 0 评论 -
组件通信($refs)
$ref 着重于索引,主要用来调用子组件里的属性和方法,其实并不擅长数据传递。而且ref用在dom元素的时候,能使到选择器的作用。prop 着重于数据的传递,它并不能调用子组件里的属性和方法。对于ref官方的解释是:ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。看不懂对吧?正常:如果ref用在子组件上,指向的是组件实例,可以理解为对子组件的索引,通过$ref可能获取到在子组件里定义的属性和方法。如果ref在普通的 DOM 元素上使用,引用指向的就.原创 2020-07-24 14:44:23 · 657 阅读 · 0 评论 -
组件通信(自定义事件$emit)
P36—组件通信方式2:自定义事件使用场景:子组件删除父组件的一个p标签在子组件中:在父组件中:监听此自定义事件(红色)给这个自定义事件(名)注册事件拿到标签并且删除操作:2 也可以传参数在子组件中:在父组件中接收:规律:子组件中先定义一个操作去$emit,去父组件绑定相关监听...原创 2020-07-10 16:52:15 · 969 阅读 · 1 评论 -
组件通信--父传子props(举例+代码+视频链接)
P34—组件通信propsProps适合父传子父组件:子组件:效果:要想在js里面拿到props里面的内容,直接this.nameP35—组件通信props,进一步,规定参数类型此时的props里面规定类型1.在调用一个组件的时候,想要传递参数,除字符串以外,其他的都要动态绑定(冒号)2.在父组件中再传个对象类型此时子组件:效果:3.在父组件中传函数,子组件点击某个按钮,执行父组件的一个方法子组件中:点击按钮就会调用logPerson属性对应的方法这个方法是在父原创 2020-07-10 16:47:51 · 580 阅读 · 0 评论 -
vue生命周期(举例)
2020版P31—生命周期1一般请求网络数据等操作要么在created(组件初始化之前)要么在mounted(组件初始化之后)P32—生命周期2在方框对应位置是初始化数据和方法所以对应的执行顺序如下:export default { name: 'LifeCircle', beforeCreate () { console.log('1.beforeCreate') }, data () { return { isShow: false,原创 2020-07-07 15:46:21 · 1454 阅读 · 0 评论