vue 组件写todolist 隔行换色，添加，删除

最新推荐文章于 2021-12-10 17:29:23 发布

糖果的小九

最新推荐文章于 2021-12-10 17:29:23 发布

阅读量240

点赞数

分类专栏： vue 文章标签： vue组件写todolist 隔行换色，添加，删除

本文链接：https://blog.csdn.net/qq_45271323/article/details/103321608

版权

这篇博客介绍了如何使用Vue编写一个TodoList组件，包括如何实现列表项的隔行换色效果，以及添加和删除功能。同时，文章探讨了如何确保组件内的CSS样式只在当前组件生效，且其优先级高于全局样式。作者提到，当样式定义在全局文件中，例如`styles—index.scss`，其他页面在初次加载时可能不会应用这些样式，需要刷新页面才能正常显示。

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

vue 组件写todolist

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
    li{
   
        width: 400px;
    }
    .pink{
   
        background:paleturquoise;
    }
    .red{
   
        background:pink;
    }
    </style>
</head>
<body>
<div id="yxm">
    <Feed @add='add'></Feed>
    <Sol :sol='arr' :del='del' :update='update'></Sol