vue 组件传值

原创 uptown 教程 vue 160阅读 2018-07-30 17:11:43 举报

vue 组件传值,总结起来,有五种方法。

第一种:props,父页面给模板页传值,页面加载后就会执行。父页面:

模板页:

 第二种:ref,父页面给模板页传值,需要事件响应。父页面:

模板页:

第三种:emit,模板页传值给父页面,需要事件响应。模板页:

父页面:

第四种,通过路由传值,父页面

子页

第五种,vuex。通过父页面 onload 或者事件响应传递参数, store 设置 state 值,再在子页取 state 值。

父页面:

store >> index.js

如果有幸帮到你,帮忙到个人主页 Star 一下 :https://github.com/mark-tang

听说 Star 的人马上升职加薪!Skr - skr!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复