<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自定义组件</title>
</head>
<body>
<div id="app">
<my-component></my-component>
</div>
<script src="../js/vue.js"></script>
<script>
let myComponent = Vue.extend({
template:'<div>学习课堂在线教育平台</div>'
});
//一种
Vue.component('my-component',myComponent);
let vm = new Vue({
el:'#app',
/*
另一种
components:{
'my-component':myComponent
}
*/
})
</script>
</body>
</html>
vue-例5-1自定义组件.html
最新推荐文章于 2024-07-14 15:40:20 发布