局部组件实例

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Vue 测试实例</title>
    <script src="https://unpkg.com/vue@next"></script>
  </head>
  <body>
    <div id="app">
      <uriel-a></uriel-a>
    </div>
    <script>
      var uriel = {
        template: '<h1>自定义组件!</h1>',
      }
 
      const app = Vue.createApp({
        components: {
          'uriel-a': uriel,
        },
      })
 
      app.mount('#app')
    </script>
  </body>
</html>

posted @ 2022-04-28 09:34 wjxuriel 阅读(10) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Vue-自定义组件

· 我们注册一个 button-counter 组件，在每次点击后，计数器会加 1:

· vue实例

· vue---组件局部注册只能在当前注册它的vue实例中使用

· Vue中局部组件

阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！

公告

Live2D

Talk is cheap,
show me your code!

昵称： wjxuriel
园龄： 2年10个月
粉丝： 0
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

my-blog-site

Email： wjxuriel@petalmail.com

局部组件实例

公告

搜索

常用链接

最新随笔

随笔分类

随笔档案

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Vue 测试实例</title>
	<script src="https://unpkg.com/vue@next"></script>
	</head>
	<body>
	<div id="app">
	<uriel-a></uriel-a>
	</div>
	<script>
	var uriel = {
	template: '<h1>自定义组件!</h1>',
	}

	const app = Vue.createApp({
	components: {
	'uriel-a': uriel,
	},
	})

	app.mount('#app')
	</script>
	</body>
	</html>