点击收藏后在收藏夹显示，取消收藏后，从收藏夹移除
得看你有没有完整的前后端项目，如果有完整的数据库的话，你只需要维护用户表，然后vue是获取数据表内容作为自己单页面的state，然后将对应的收藏list来v-for遍历输出，当修改收藏与取消收藏时，修改当前的state，同时调用接口修改服务器上的表数据，达到两边数据对称，这样下次重新登录也不会显示错误的收藏信息
如果没有完整的项目，你可能得去了解一下浏览器缓存localstorage，将数据保存在缓存，然后同样的state读取缓存，好像Vue用的是监听属性获取缓存，然后进行本地缓存的修改
回答不易，如果对你有帮助或者启发，希望给个采纳
把收藏的数据提交到后端保存，取消后在列表移除，后端同步移除
其实是一个接口。有一个图标你点击，点击的同时，请求接口，把当前点击的，id传过去。接口返回成功时，把图标换成已收藏。取消反之