美文网首页web大前端@IT·互联网Web前端之路
《vue通信1》子父组件传值,子调父方法

《vue通信1》子父组件传值,子调父方法

作者: 最爱当年的我 | 来源:发表于2017-04-25 19:09 被阅读133次

    1.新建子组件testSon.vue

    props是接收父类过来的对象数据,这里的default是如果父类没有传递信息会默认显示,根据需求不同做提示

    2.新建父组件parent.vue

    这里用import 导入组件做并做组件命名,并用:参数名=“变量参数”传值
    导入时切记要挂载组件,不然会多出莫名的错误。。。。

    3.子调父方法直接粘代码
    子组件

    父组件

    主要方法$parent    可选择传参或不传,
    好了,这是直接传值下次会分享第二种方法vuex 的state状态管理及持久化存储,

    ps:声明本人只是将自己的学习成果及从去年至今做多页面开发中的一小部分知识梳理,以上写法有错欢迎指正,^^

    相关文章

      网友评论

        本文标题:《vue通信1》子父组件传值,子调父方法

        本文链接:https://www.haomeiwen.com/subject/ibtbzttx.html