vue img src 动态赋值_总结vue的相关知识

本文介绍了Vue CLI中静态资源处理的细节,包括assets和static文件夹的区别,以及如何在Vue中动态赋值img的src。强调了在static目录下引用图片时使用绝对路径,并分享了防抖节流的实现和创建自定义插件的思路。
摘要由CSDN通过智能技术生成
e47460634dbe77e86b261f6e5bcf412e.png

总结vue的实战用的相关知识点

一、父子组件之间传递参数

  1. 可以使用$ref获取dom元素或者是子组件
  • 可以通过ref实现父组件调用子组件的函数

调用子组件的方法show()

this.$refs.childComponent.show()

  1. 子组件获取父组件的数据 可以直接使用props属性

二、vue中的生命周期钩子

三、vue的static和assert文件夹

写在前面: 这是一篇vue-cli的几个小知识点简单介绍,适用于刚接触vue-cli脚手架以及对此方面并不太了解的同学,大佬们绕道。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。

静态资源处理: assets和static文件夹的区别 相信有很多人知道vue-cli有两个放置静态资源的地方,分别是src/assets文件夹和static文件夹,这两者的区别很多人可能不太清楚。

assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。例如,在 和 background: url(./logo.png)中,”./logo.png”

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值