前端,HBuilder第七天

最新推荐文章于 2024-07-20 18:16:53 发布

吾辈楷模曹孟德

最新推荐文章于 2024-07-20 18:16:53 发布

阅读量939

点赞数

文章标签：前端 vue.js elementui

本文链接：https://blog.csdn.net/Jcskson/article/details/122726866

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="qw">
			<dog title="汪汪汪"></dog>
			<dog title="嗷呜~"></dog>
			<dog title="嗷嗷嗷嗷"></dog>
		</div>
		<script src="vue.js" type="text/javascript"></script>
		<script>
			var tem = Vue.extend({
				props:["title"],
				template:"<button style='border-radius:10px;'>{
  {title}}</button>",
			})
			Vue.component("dog",tem);
			new Vue({
				el:"#qw",
			})
		</script>
		
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="qw">
			<dog></dog>
		</div>
		<script src="vue.js" type="text/javascript"></script>
		<script>
			var tem = Vue.extend({
				data:function(){
					return{count:1,}
				},
				template:"<button style='border-radius:10px;'>{
  {count}}</button>",
			})
			Vue.component("dog",tem);
			new Vue({
				el:"#qw",
			})
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="op">
			<cat></cat>
		</div>
		<script src="vue.js"></script>
		<script>
			var tem = Vue.extend({
				data:function(){
					return{count:1};
				},
				template:"<button style='border-radius:10px;' @click='count++'>{
  {count}}</button>",
			})
			Vue.component("cat",tem);
			new Vue({
				el:"#op"
			})
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<font color="red">字体</font>
		<font color="rgb(0,75,0)">字体</font>
		<font color="#00FF00"></font>
		<hr />
		<button onclick="document.write('天冷了,赶紧出来裸奔!')">嘻嘻</button>
		<button onclick="t1()">嘿嘿嘿</button>
		<script type="text/javascript">
			function t1(){
				document.write("裸奔记得带上面具!")
			}
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="EDG">
			<wuhu></wuhu>
			<wuhu></wuhu>
			<wuhu></wuhu>
			<wuhu></wuhu>
		</div>
		<script src="vue.js"></script>
		<script>
			// var tem = Vue.extend({
			// 	props:["tt"],
			// 	data:function(){
			// 		return{count:1};
			// 	},
			// 	template:"<button style='border-rad

最低0.47元/天解锁文章

吾辈楷模曹孟德

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端,HBuilder第七天

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="qw"> <dog title="汪汪汪"></dog> <dog title="嗷呜~"></dog> <dog title.
复制链接

扫一扫