VUE的封装

封装的意义

- 提高代码的可读性

- 提高代码的可维护性

- 减少代码的书写

封装

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用

在这里插入图片描述
在这里插入图片描述

跨域请求

浏览器的同源策略:非同源的页面之间,无法获取数据
同源一般只有以下三个东西相同:

  • 协议相同

  • 域名相同

  • 端口相同
    同源策略的目的:是为了保证用户信息的安全,防止恶意的网站窃取数据
    同源策略的解决办法:

  • jsonp

  • CORS

  • 代理解决跨域

VUE组件间通信

  • 父组件
    在这里插入图片描述
    在这里插入图片描述
  • 子组件
  • 在这里插入图片描述
    在这里插入图片描述

父组件的调用:

  • Import 导入子组件
  • compants注册子组件
  • 注册的子组件当做标签来使用

子组件给父组件传参:

  • 父组件里的子标签里写上要传递的数据(:子组件的参数名字=父组件的参数名字)
  • 在子组件里注册参数(pros)
  • 使用父组件传递过来的参数

父组件给子组件传参:

  • 子组件里先用特定的方法来把数据传递给父组件(this.$emit(“方法的名字”,要传递的数据)
  • 父组件的子标签里来接收数据(@子组件的方法 = 父组件的方法)
  • 在methods里接收传递过来的val并赋值
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值