0
点赞
收藏
分享

微信扫一扫

Vue路由及组件扩展

不会弹吉他的二郎腿 2022-03-25 阅读 49
vue.js

一。子组件传值父组件

子组件调用父组件的方法

1.在父组件中给引用的子组件注册一个事件

2.子组件可以出发这个事件$emit("事件名字")

子组件给父组件传递数据

  1. $emit方法第二个参数可以定义子组件给父组件传递的内容
  2. 在父组件中怎么拿到这内容

2.1 父组件这个方法没有自定参数,在父组件的方法直接加这个参数就可以拿到

2.2 父组件有自定义参数,可以传入$event也可以拿到子组件传递的数据。通过$event只能传递第一个参数。

this.$emit('click-son', { name: '张三' })

ref的使用

  1. 获取dom节点
  2. 获取组件

什么是路由

  1. 后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源
  2. 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;
  3. 在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)
举报

相关推荐

0 条评论