小白忙着写评论页面

最新推荐文章于 2024-01-17 16:20:52 发布

棉呀那么个冻

最新推荐文章于 2024-01-17 16:20:52 发布

阅读量1k

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_45623859/article/details/103526871

版权

最近受同学启发，写了一个简单的评论页面，用Vue写的，写的时候很受挫折，基本的知识点都不清楚，我太难了，一个小页面我用了三四天时间，大部分时间都在补充知识点

先来说说大致思路吧

1、整个页面需要实现三个功能——输入评论，发布评论，点赞
2、整个页面用Vue框架来实现，用bootstrap来渲染页面
3、将评论列表作为主要的控件，将输入评论区和点赞区作为组件添加到上面去

来展示一下效果图

再来看看我的主要代码：

index.html页面：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>评论区</title>
		<link rel="stylesheet" href="css/demo.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/main.css" />
		
		<script type="text/javascript" src="js/vue.js"></script>
		<script type="text/javascript" src="js/vue-resource.js"></script>
		<script type="text/javascript" src="js/vue-router.js" ></script>
		<script type="text/javascript" src="js/axios.js" ></script>
	</head>

	<body>
	<!--这部分是字体图标-->
		<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
		<symbol id="icon-heart1" viewBox="0 0 32 32">
			<title>点赞</title>
			<path d="M23.6 2c-3.363 0-6.258 2.736-7.599 5.594-1.342-2.858-4.237-5.594-7.601-5.594-4.637 0-8.4 3.764-8.4 8.401 0 9.433 9.516 11.906 16.001 21.232 6.13-9.268 15.999-12.1 15.999-21.232 0-4.637-3.763-8.401-8.4-8.401z"></path

最低0.47元/天解锁文章

棉呀那么个冻

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
小白忙着写评论页面

最近受同学启发，写了一个简单的评论页面，用Vue写的，写的时候很受挫折，基本的知识点都不清楚，我太难了，一个小页面我用了三四天时间，大部分时间都在补充知识点先来说说大致思路吧1、整个页面需要实现三个功能——输入评论，发布评论，点赞2、整个页面用Vue框架来实现，用bootstrap来渲染页面3、将评论列表作为主要的控件，将输入评论区和点赞区作为组件添加到上面去来展示一下效果图再来看看我...
复制链接

扫一扫