<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <script src="./vue.js"></script> <body> <div id="app"> <my-com></my-com> <!--直接写生组件名称就可以将template:‘<div> hello World </div>‘ 中的文字显示出来 --> </div> </body> </html>
//创建组件构造器 定义一个组件
var myCompent=Vue.extend({
template:‘<div> hello World </div>‘ //template用来定义html部分
})
// 注册组件 第一个参数是组件名称 第二个参数是构造后的组件
Vue.component(‘my-com‘,myCompent)
注意 全局使用组件需要注册组件
时间: 2024-08-26 01:41:19