<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="app">
<comp>
</comp>
</div>
<script>
// 创建的是 Vue 构造器
const comp = Vue.extend({
template: `
<div id="">
<p>Hello Vue.js!</p>
<p>Hello furong!</p>
</div>`
})
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!',
},
components: {
comp: comp,
}
})
</script>
</body>
</html>
vue局部组件
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:vue父组件 子组件
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue04-局部组件
首先看代码:<!DOCTYPE html><html lang=en><head> <meta charset="utf-8" /> <title>Hello world</title> <script src="vue.js">&
vue vue局部组件 components html json -
【视频】vue组件的局部注册
P12vue组件的局部注册
v9 ide -
vue再读67-局部组件
vue
vue.js javascript 前端 html bc -
vue3 基础-全局组件和局部组件
vue 全局组件和局部组件
vue基础 组件化 全局组件 局部组件 组件 -
VUE3 之 全局组件与局部组件
目录1. 概述2. 全局组件3. 局部组件4. 综述5. 个人公众号1. 概述老话说的好:忍耐是一种策略,同时也是一种性格磨炼。言归正传,今天
vue.js 前端 javascript java 初始化 -
4 Vue-局部组件的创建
4 Vue-局部组件的创建
vue javascript html 组件化 -
5 Vue-局部组件的使用
5 vue-局部组件的使用
vue js javascript html ide -
390 vue注册局部组件
Document
vue.js