Vue学习记录--组件开发（组件化的基本使用过程）

时间：2020-07-05 22:54:37 阅读：69 评论：0 收藏：0 [点我收藏+]

标签：ext 学习构造 const javascrip col script pre color

组件化的基本使用过程

<body>
        <div id="app">
             <my-pnc></my-pnc>
        </div>
    </body>
    <script type="text/javascript">
        //1.组件构造器 
        const cpnc=Vue.extend({
            template:`
               <h3>你好Vue</h3>
            `
        })
        //2.注册组件
        Vue.component(‘my-pnc‘,cpnc);
        
       const app=new Vue({
           el:‘#app‘,
           data:{
               msg:‘我饿哦我去 ‘
           }
       })
    </script>

标签：ext 学习构造 const javascrip col script pre color

原文地址：https://www.cnblogs.com/cqqinjie/p/13252216.html

踩

(0)

评论一句话评论（0）