美文网首页
关于父子组件,router-view和自定义组件名。

关于父子组件,router-view和自定义组件名。

作者: zcs123ok | 来源:发表于2018-06-28 18:14 被阅读0次

做了这么多路由跳转了,但是今天下午突发奇想,写一个父子组件以及自定义组件跳转的小例子。

我理解的,当需要点击按钮路由跳转的时候,用router-view,当作为默认子组件,只是显示的时候用自定义组件名。

项目地址:https://github.com/nihaohahahanihao/smailPorject

效果图:
图一:首页进去:


图片.png

图二:点击上边按钮二:


图片.png
图三:点击绿色框中的按钮二
图片.png
半路出家,对于vue理解的还是不够透彻,请大家批评指正,谢谢啦。

相关文章

  • 关于父子组件,router-view和自定义组件名。

    做了这么多路由跳转了,但是今天下午突发奇想,写一个父子组件以及自定义组件跳转的小例子。 我理解的,当需要点击按钮路...

  • vue组件的使用

    props和$emit 组件间通讯和自定义事件 父子通讯 props $emit兄弟组件或者隔代组件使用自定义事件...

  • react 父子组件传值(兄弟传值)

    react中父子组件传值 父向子: 父组件通过自定义属性向子组件传值,子组件通过this.props.属性名接收子...

  • Vue 组件详解之组件通信

    组件中的关系可分为父子组件通信、兄弟组件通信和跨级组件通信。 一、自定义事件 ---- 子组件给父组件传递数据 我...

  • router-view 父子传参

    导语: 习惯了父子组件传参,今天聊一聊router-view传参。其实本质也是父子组件传参,方法一模一样,之前也提...

  • vue 组件通信

    组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。自定义事件:当子组件需要向父组件传递数据时,就要用到自定义...

  • 组件通信

    组件关系可以分为父子组件通信、兄弟组件通信、跨级组件通信 自定义事件--子组件给父组件传递数据 子组件$emit(...

  • 第七章 可复用性的组件详解(中)

    7.7 组件通信 组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信 7.7.1 自定义事件—子组件给父组件传...

  • vue组件的五种传值方法(父子\兄弟\跨组件)

    一、props/$emit父子组件传值: 父传子 (自定义属性 props) 父组件向子组件传参,通过自定义属性的...

  • Vue组件详解---组件通信

    组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信 自定义事件—子组件给父组件传递数据 使用v­-on 除了监...

网友评论

      本文标题:关于父子组件,router-view和自定义组件名。

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