码迷,mamicode.com
首页 > 其他好文 > 详细

1.组件化的基本使用

时间:2021-01-02 11:06:08      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:color   pre   基本   span   rgba   const   one   哈哈   script   

<body>
    <div id="app">
        <!-- 3.使用组件 -->
        <my-cpn></my-cpn>
    </div>
    <script src=‘https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js‘></script>
    <script>
        // 组件化开发分三步: 
        // 1.创建组件构造器对象
        const cpnC = Vue.extend({
            template: `<div>
            <h2>我是标题</h2>
            <p>我是内容  哈哈哈哈哈哈哈哈哈</p>            
        </div>`
        });

        // 2.注册组件
        // Vue.component(‘组件的标签名‘,‘组件构造器名‘)
        Vue.component(‘my-cpn‘, cpnC); // 这是一个全局组件 就是一个页面可以有多个挂载元素  实际开发中一般只有一个挂载元素
        const app = new Vue({
            el: ‘#app‘,
            data: {

            }
        })
    </script>
</body>

 

1.组件化的基本使用

标签:color   pre   基本   span   rgba   const   one   哈哈   script   

原文地址:https://www.cnblogs.com/yanglaxue/p/14206942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!