Vue中组件使用语法糖的方式

最新推荐文章于 2024-04-29 12:33:54 发布

新手小白请求出战！

最新推荐文章于 2024-04-29 12:33:54 发布

阅读量471

点赞数 1

分类专栏：前端笔记文章标签： javascript vue.js html5 es6

本文链接：https://blog.csdn.net/qq_41138726/article/details/109750771

版权

这是全局


<body>
    <div id="app">
        <cpn1></cpn1>
    </div>
    <script src="../vue.js"></script>
    <script>
        // 1.全局组件注册的语法糖

        // 2.创建组件的构造器
        // 以前的写法
        // const cpnC1 = Vue.extend({
        //     template:
        //         `
        //   <div>
        //     <h2>我是标题1</h2>
        //     <p>我是内容，哈哈哈发发发</p>
        //     <p>我是内容，呵呵呵</p>
        //     </div>
        //   `
        // })
        // Vue.component('my-cpn',cpnC)

        //    语法糖的写法：
        Vue.component('cpn1', {

            template:
                `
          <div>
            <h2>我是标题1</h2>
            <p>我是内容，哈哈哈发发发</p>
            <p>我是内容，呵呵呵</p>
            </div>
          `

最低0.47元/天解锁文章

新手小白请求出战！

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Vue中组件使用语法糖的方式

这是全局<body> <div id="app"> <cpn1></cpn1> </div> <script src="../vue.js"></script> <script> // 1.全局组件注册的语法糖 // 2.创建组件的构造器 // 以前的写法 // const cpnC1 ...
复制链接

扫一扫