前端进阶Vue框架-----全局组件（初始）

最新推荐文章于 2024-09-30 16:19:08 发布

小不言啊

最新推荐文章于 2024-09-30 16:19:08 发布

阅读量159

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_61656944/article/details/123001074

版权

本文详细探讨了Vue框架中全局组件的创建步骤和应用场景，旨在帮助前端开发者深化对Vue的理解，提升组件复用和组织能力。通过实例解析，介绍了如何注册全局组件以及在项目中的有效利用，帮助开发者提升开发效率。

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

   <script src="/lib/vue.js"></script>
</head>
<body>
    <div id="box">

        自定义组件名，不要驼峰命名，不然要用-连接
        <xby></xby>
        <xby></xby>
    </div>


    <script>
        // 定义一个全局的组件
        Vue.component("xby",{

            // dom,js,css
            template:

        只能有一个节点
                    `<div style="background:red">
                        <button @click="handleLeft">left</button>
                           猫眼电影-{
  {myname}}
                        <button @click="handleRight">right</button>
                    </div>`,

            methods:{
                handleLeft(){
                    console.log("left&#