使用VUE组件实现简单的点赞功能

最新推荐文章于 2024-08-01 23:43:20 发布

吃瓜的阳大王

最新推荐文章于 2024-08-01 23:43:20 发布

阅读量7.4k

点赞数 11

文章标签： vue vue.js html5

本文链接：https://blog.csdn.net/qq_44822110/article/details/104759885

版权

本文介绍了如何利用Vue.js组件来实现一个简单的点赞功能。在HTML页面和js页面中进行操作，将template中的长代码分离到HTML文件，通过id进行引用，达到代码组织的优雅。

摘要由CSDN通过智能技术生成

使用VUE组件实现简单的点赞功能

HTML页面 ↓

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点赞组件</title>
    <style>
    /* 点击后变为红色*/
        .liked {
   
            background: deeppink;
        }
    </style>
</head>

<body>
    <div id="app">
        <like></like>
    </div>
    <script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
    <script src="index.js">