vue初谈组件化

 // 全局范围内创造的组件，该组件可以 在多个app实例下使用，
const cpn = Vue.extend({
                template: `<div><h2>这是一个模板</h2>
                <p>这是一个标题</p>
                </div>`
            })

  //单个局部范围内创建的组件，该组件只能在该app实例范围内有效 
        const app = new Vue({
            el: "#app",
            data: {
                msg: ‘hello‘
            },
            components: {
                cpn: cnpc    // key: 要使用的标签名， value：该标签名代表的代码块
            }
        })