vue预习

最新推荐文章于 2024-11-17 21:03:46 发布

tfxznb

最新推荐文章于 2024-11-17 21:03:46 发布

阅读量173

点赞数

分类专栏： vue 文章标签： vue vue.js

本文链接：https://blog.csdn.net/qq_37978839/article/details/108313870

版权

本文探讨了Vue组件的理解，包括组件注册、数据传递、单个根元素、监听子组件事件和插槽。作者指出，组件通过props传递数据，而插槽允许在自定义标签内插入内容。虽然动态组件和DOM解析仍有待深入学习，但已经揭示了Vue组件的强大功能。

摘要由CSDN通过智能技术生成

Vue组件的自学总结

我对组件的初始理解
props
单个根元素
监听子组件事件
插槽
动态组件与dom解析

我对组件的初始理解

在我看过vue组件的实例化之后，我的脑海中只有“尤雨溪牛逼”这五个字，你可以自定义你需要使用的标签，这是多么舒服的一件事情。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
</head>

<body>
    <div class="" id="app">
        <button-counter></button-counter>
    </div>
</body>
<script>
    Vue.component("button-counter", {
   
        data: function () {
   
            return {
   
                count: 0
            }
        }