console 命令行工具 X clear

console

//1.Vue.extend创建组件
const cpnC = Vue.extend({
    template: `
        <div>
            <h2>我是标题</h2>
            <p>这里是内容</p>
            <p>这里是内容</p>
        </div>
    `
})

//2.注册组件
Vue.component('my-cpn', cpnC)

const app = new Vue({
    el: "#app",
    data: {
        message: "我是message"
    }
})

<div id="app">
	<my-cpn></my-cpn>
	<my-cpn></my-cpn>
	<my-cpn></my-cpn>
</div>

本项目引用的自定义外部资源

vue.js