vue学习记录（五）：子组件和父组件

最新推荐文章于 2020-10-16 08:49:51 发布

淘气包丶

最新推荐文章于 2020-10-16 08:49:51 发布

阅读量119

点赞数

文章标签： vue 子组件和父组件

本文链接：https://blog.csdn.net/guttaoqibao/article/details/102743768

版权

看了官网文档有点懵，这里记录一下，以免以后忘记。

子组件

当你创建一个组件时，那个组件名就是子组件

var option = Vue.extend({
        props:['content','index'],
        template:'<li @click="sendFather">{{content}}</li>'
})
Vue.component('item',option)//这个item就是子组件

父组件

当你创建一个Vue实例时，el需绑定div，那么这个div就是父组件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="Vue.js"></script>
    <title>Document</title>
</head>
<body>
    <div id="fade">  <!-- fade就是父组件 -->  

    </div>
</body>
</html>
<script>
    var ss = new Vue({
        el:"#fade"
    })


</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

淘气包丶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue学习记录（五）：子组件和父组件

看了官网文档有点懵，这里记录一下，以免以后忘记。子组件当你创建一个组件时，那个组件名就是子组件var option = Vue.extend({ props:['content','index'], template:'<li @click="sendFather">{{content}}</li>'})Vue....
复制链接

扫一扫