发表于: 2019-11-16 23:48:49

0 1035


今天完成的事

学习了数据请求方式,和父子组件传值,非父子组件传值

vue请求数据的方式

vue-resource官方提供的vue的一个插件

要想使用受限需要安装然后引入,cd到在项目里面

cnpm  install vue –resource  --save

然后在main.js里面引入                                               

然后在需要的组件里面使用

这里有一个小坑,开始的时候传输数据怎么也不成功。

显示用户不存在,我上网百度查了查,原来是服务器无法处理编码为application/json的请求,传输的数据需要为对象格式,并且设置{emulateJSON: true}

也可以在main.js写成全局的

Axios传输数据

cd到项目,然后安装axios

在需要的组件直接引入axios

父组件给子组件传值

 

首先给子组件绑定一个动态属性,然后把数据传递进去

子组件用props接收

 

子组件接收父组件方法,前面跟接收数据是一样的,首先定义一个方法

然后传给子组件

注意这里传方法不能加括号,子组件接收

也可以把父组件整个传给子组件

给子组件传个this

 

这个this就是整个父组件

 

还可以给父组件传过来的值进行规定,比如规定传过来的值必须是string类型

如果传递过来的值不是string类型

会报错

null的话就是所以类型都可以

报错没有了

父组件获取子组件的第二种方法

首先给子组件设置一个ref 

给子组件设一个数据和方法

父组件获取子组件的数据和方法

子组件获取父组件的方法和数据

首先父组件有一个数据和方法

子组件可以直接用this.$parent.xxx来获取

 

非父子组件传值

首先新建一个方法

在这个方法里面新建一个vue实例并暴露出去

然后发送数据的页面引入方法

并用vue实例里面的$emit把要传送的数据广播出去

 

接收一方也引入vue实例

并用$on接收

明天计划的事

学习vue的路由

遇到的困难


学到了vue怎么请求数据,和父子之间,非父子之间传值

返回列表 返回列表
评论

    分享到