vue create()获取ref_vue开发笔记(20200603更新)

这篇博客探讨了Vue开发中的关键概念,包括处理图片加载失败、获取URL参数、Vue.extend的使用、slot和slot-scope、父组件调用子组件方法(通过$emit/$on和ref)以及在scoped下处理第三方样式失效问题。同时,文章介绍了Vue组件和插件的区别,展示了如何编写和使用一个简单的toast插件。
摘要由CSDN通过智能技术生成

处理图片加载失败

// 这里面src必须保证是个空值要不然不触发 onerror
data() {  return {    errorImg: 'this.src='//xxxxxxx''  }}// xxxxxx是地址

另一种

methods: {  test(e) {     e.target.src = 'xxx'     // or this.avatar = 'xxxx'  }}

获取 url 参数

方式 path,query

// 跳转,显示参数this.$router.push({    path:'/xxx',    query:{        id:id    }})// 获取this.$route.query.id

方式 name,params

// 跳转this.$router.push({    name:'xxx',    params:{        id:id    }})// 获取this.$route.params.id

Vue.extend

实例这个的时候传给模板要用propsData来传,下面是一个组件装载的栗子

export default function install(Vue, component, 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值