Vue注册组件语法糖

最新推荐文章于 2024-08-08 08:00:00 发布

嗒_嗒嗒

最新推荐文章于 2024-08-08 08:00:00 发布

阅读量93

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_45561258/article/details/107398048

版权

Vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<body>
    <div id="app">
        <!-- 3.使用组件 -->
        <myc></myc>
        <mycc></mycc>
    </div>
    <script src="./vue-2.4.0.js"></script>
    <script>
        // 1、创建组件
        // // var my1 = Vue.extend({
        //     template: ` <div>
        //             <h1>我是标题</h1>
        //             <p>我是组件1</p>
        //         </div>`
        // })
        // 2.注册组件
        // Vue.component("myc", my1)


        //   11.注册全局组件语法糖

        Vue.component("myc", {
            template: ` <div>
                    <h1>我是标题</h1>
                    <p>我是全局组件语法糖</p>
                </div>`
        })
        
         //   12.注册局部组件语法糖
         
        var vm = new Vue({
            el: '#app',
            data() {},
            methods: {},
            components: {
                "mycc": {
                    template: ` <div>
                    <h1>我是标题</h1>
                    <p>我是局部组件语法糖</p>
                </div>`
                }
            }
        })
    </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嗒_嗒嗒

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue注册组件语法糖

<body> <div id="app">  <myc></myc> </div> <script src="./vue-2.4.0.js"></script> <script> // 1、创建组件 // // var my1 = Vue.extend( { /
复制链接

扫一扫