组建中数据存放问题

weixin_45829555

于 2020-06-17 23:41:36 发布

阅读量100

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_45829555/article/details/106820926

版权

本文展示了一个使用Vue.js框架创建自定义组件的实例。通过HTML模板和Vue.js脚本，实现了将特定数据（如“金刚葫芦娃”）绑定到页面上的动态显示。此示例包括了Vue.js组件的基本结构，以及如何在页面中引入和使用这些组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script src="./js/vue.js"></script>
		<script src="./js/vue.min.js"></script>
		
		<div id="app">
			<weare></weare>
			
		</div>
		<template id="we">
			<h2>{{title}}</h2>
		</template>
	
		<script>
			Vue.component('weare',{
				template:'#we',
				data(){
					return{
						title:'金刚葫芦娃'
					}
				}
			})
	
			const app = new Vue({
				el:"#app",
				data:{
					
				},
				methods:{
					
				}
			})
		</script>
	
	</body>
</html>