web前端 -- vue --vue 组件通信（1）

根据千峰教育学习视频所练习的笔记 | 学习一段时间，我也有写一点东西的必要了···

1. 父组件向子组件通信

1.1. 我们还是引用vue先前的代码：如下

<head>
    ······
    <script src="../vue.js"></script>
</head>
<body>
<div id="app">
    <my-header></my-header>
</div>
<script>
    var vm = new Vue({
       el:'#app',
       components:{
           'my-header':{
               template:`<div>
                            <h2>{{message}}</h2>
                            <ul>
                                <li >张一山</li>
                            </ul>
                         </div>`,
               data:function () {
                   return{
                       message:'hello my idol',
                   };
               }
           }
       }
    });
</script>
</body>

就是长这个样子：

来源：https://www.cnblogs.com/hefeifei/p/11732969.html

标签

vue

web前端

前端组件

通信

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!