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

Posted cqqinjie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue学习记录--组件开发(组件化的基本使用过程)相关的知识,希望对你有一定的参考价值。

组件化的基本使用过程

<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>

 

以上是关于Vue学习记录--组件开发(组件化的基本使用过程)的主要内容,如果未能解决你的问题,请参考以下文章

Vue第三天学习笔记之组件化开发

vue组件库:前期准备工作

vue 组件化开发 一 组件基本使用全局和局部组件父组件和子组件的区别

Vue公共组件文档维护

前端框架Vue自学之Vue组件化开发

Vue学习系列——组件详解