vue 子组件向父组件传递数据

最新推荐文章于 2023-09-15 19:08:31 发布

秋草正离离

最新推荐文章于 2023-09-15 19:08:31 发布

阅读量559

点赞数

分类专栏： web前端文章标签： vue-js

本文链接：https://blog.csdn.net/xiaobafacai/article/details/78205213

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>子组件向父组件传递数据</title>
    <script src="../vue.js"></script>
</head>
<body>
<div id="app">
    <son @connect="say"></son>
</div>
</body>
</html>
<script>
    Vue.component('son', {
        template: `<button @click="send">点击</button>`,
        methods: {
            send() {
                this.$emit('connect','子组件的数据')
            }
        }
    });
    let vm = new Vue({
        el: '#app',
        methods: {
            say(arg) {
                console.log(arg);
                console.log('监听到了connect的触发')
            }
        }
    })
</script>

优惠劵

秋草正离离

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue 子组件向父组件传递数据

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>子组件向父组件传递数据</title> <script src="../vue.js"></script></head><body><div id="app"> <son @connect="say"></son></di
复制链接

扫一扫