Vue3 网站收藏

苹果 apple

已于 2022-05-14 18:37:30 修改

阅读量701

点赞数

分类专栏：网站开发文章标签： javascript node.js vue.js yarn webpack

于 2022-05-14 16:02:33 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45661908/article/details/124769434

版权

网站开发专栏收录该内容

12 篇文章

订阅专栏

一、官方网站

1.Vue.js

https://vuejs.org/

https://staging-cn.vuejs.org/

https://github.com/vuejs/

2.Vite

https://vitejs.dev/

https://cn.vitejs.dev/

https://github.com/vitejs/docs-cn

3.VuePress

https://v2.vuepress.vuejs.org/

https://v2.vuepress.vuejs.org/zh/

https://github.com/vuepress/vuepress-next

4.VitePress

https://vitepress.vuejs.org/

https://github.com/vuejs/vitepress

二、示例网站

1.Office-Tool-docs

https://help.coolhub.top/zh-cn/

https://github.com/YerongAI/Office-Tool-docs

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苹果 apple

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue3通透教程【一】Vue3现状—必然趋势？

官方推荐

01-30

7万+

凉哥作为 Vue 的忠诚粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其他框架的巨大优势，有兴趣的伙伴可以看一下Vue框架背后的故事。

Vue3通透教程【五】Vue3中的响应式数据 reactive函数、ref函数

官方推荐

02-23

4万+

Vue3中的响应式数据

参与评论您还未登录，请先登录后发表或查看评论

基于Vue3+TS+StoryUI+elementPlus的个人网站——StoryWeb

weixin_50786692的博客

11-16

1641

基于Vue3+TS+StoryUI+elementPlus的个人网站——StoryWeb 前言：各位读者，大家好，很开心你能够阅读这篇文章，这篇文章的目的是对我通过近2个月，利用工作之余，开发的个人网站做一个总结。同时，我认为写博客最大的意义在于能够记录自己的成长以及帮助他人。所以我会尽量在分享自己心得体会的同时，尽量多写一些干货，希望能够对得起看这篇文章的你，好了，接下来我们开始吧！ 1.简介篇访问地址：http://songxiaopenggitee.gitee.io/story-web-v1 源码

vue3添加收藏网站页面

lulei5153的博客

05-24

586

结构与样式脚本

Vue3 + Flask 实现 https://个人网站部署

最新发布

2301_79280768的博客

02-26

1290

但是当我们将前端页面部署到服务器之后，用户访问 http://domain.cn 就等于从服务器获取页面资源文件（html、css、js）然后在自己的电脑上运行，此时前端发送的请求如果还是 http://localhost:5000 就相当于用户访问的页面在请求用户电脑的 5000 端口，而不是服务器的 5000 端口。，将 https://domain.cn/api 的请求转发到 http://localhost:5000/api，这些操作下面 Nginx 的配置会说到。但是后端在服务器上的。

Vue.js学习收藏网址

qq_41736540的博客

09-23

388

https://www.cnblogs.com/lgx5/p/10732016.html https://www.cnblogs.com/hellman/p/10985377.html https://blog.csdn.net/qq_36996271/article/details/82527256

vue 实现收藏功能

2301_76343523的博客

12-16

1409

（1）listQuery里接收后端参数，为了获取商品列表数据。

vue3 网站前端

小道士写程序

11-24

947

BalmUI 官方网站：https://next-material.balmjs.com/#/ BalmUI 已经发布了他们的 9.0 版本了，该版本支持Vue3。Balm 基于谷歌的 Material Design，这就是为什么它看起来很熟悉。Balm 附带 Vue 插件和指令，以及从简单到复杂的高度可定制的组件。 BalmUI 发展非常迅速，如果想使用 Material Design 风格，使用复杂的内置指令（如debouncing和 UI 波纹）在创建自定义组件时能派上用场，那么它非常适..

vue3+vite+pinia+electron实现桌面端应用-自定义收藏夹功能

11-01

内容概要：通过vue3+electron实现一个基础的桌面端应用——收藏夹功能。使用了部分vue3的基本功能及方法，了解Electron的一下API的使用，开发中的常用的插件及依赖的使用方法。适合人群：具备一定编程基础，对vue...

基于SpringBoot+Vue旅游网站（源码+部署说明+演示视频+源码介绍）.zip

03-09

这是一款基于SpringBoot+Vue的旅游网站，旨在为用户提供一个方便快捷的旅游信息查询和预订平台。通过这个网站，用户可以浏览各种旅游景点、酒店、机票等信息，同时还可以在线预订和支付。该网站后端采用SpringBoot...

Vue3通透教程【二】更高效的构建工具—Vite

热门推荐

官方推荐

02-06

6万+

为大家介绍新一款的构建工具——Vite，当然我们Vite更多的是被用于开发阶段，下面也为大家介绍到了 Vite 想比于 webpack 编译中的优势，以及Vite构建Vue3项目的步骤教程，赶快跟着我尝试一下吧！

VUE3实现好看的通用网站源码模板

优快云博客专家，系统架构师，有合作、疑惑请私信博主。

11-11

5719

VUE3实现好看的通用网站源码模板，大作业，毕业设计，通用网站，网站源码，通用网站源码，适用于各行各业，旅游网站，简历网站，主页网站，民族网站，门户网站，内置七个模板页面，实现了轮播图、视频、音乐播放，表单、TAB、导航栏、底部栏、列表、图文组合、返回顶部等功能，让你快速搭建自己的网站，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。

vue3项目实战---知乎日报----收藏页

每天都要努力学习哦~~

04-29

574

目录 vuex 网络请求列表页收藏功能页面如何获取vuex的值vue3 vs vue2 computed vuex import { createStore } from "vuex"; import { CheckLogin, UserLnfo, StoreList } from '../api/index' const store = createStore({ state: { isLogin: null, info: null,

vue3学习网站

m0_74293254的博客

12-03

520

官方网站：中文文档: Webpack 入门教程：vue3知识宝库：

基于vue3开发一个北京当地特色浏览网站

三拾的博客

04-25

2026

该项目旨在开发一个基于Vue 3的网站，用于浏览北京当地的特色景点和美食。

vue3的电商网站制作

weixin_35750483的博客

12-28

550

Vue 3是一个用于构建用户界面的JavaScript框架。它可以帮助开发人员快速构建高效的Web应用程序。要制作电子商务网站，您需要了解以下几点：基本网站布局：网站通常包括头部、尾部、侧边栏和主内容区域。您需要使用Vue 3的组件系统来构建这些部分。商品展示：您需要使用Vue 3的数据绑定功能来展示商品信息，例如商品图片、标题、价格等。购物车功能：您需要使用Vue 3的状态管理功能...

实现“收藏本站”

weixin_33672109的博客

05-27

482

实现"另入收藏"功能的代码如下: <a href="javascript:window.external.AddFavorite('http://www.chinesedragon.com.cn','中国龙')">加入收藏</a>你只需将链接与站名改为你自己的站名即可。如果你要实现鼠标划过时即提示是否加入收藏,只需将代码改为: <a...

Vue3+vite个人博客网站从0-1（项目环境搭建）

m0_56344602的博客

01-18

4902

手把手教你搭建自己的博客网站

vue3做的网站，vue页面，vue网页，vue项目

2401_85352839的博客

06-22

436

html+css+js+vue做的，用的vue3的写法，v-for，v-model，点击事件，vue-router，本地存储，生命周期这些都有用到，页面可以正常跳转，功能可以正常使用。页面有首页，购物车页，订单页，农产品简介页，关于我们页，详情页，登录页和注册页一共8页，纯前端没有后端和数据库。使用vue3做的一个纯前端网站。主题是农产品销售，农产品主题。

收藏功能vue3+antd

05-23

首先，你需要在你的项目中安装Ant Design Vue和Vue Router。然后，你可以创建一个收藏页面和一个收藏按钮组件。在收藏按钮组件中，你需要添加一个点击事件来将当前页面添加到收藏夹中。你可以使用localStorage来存储收藏的页面。在收藏页面中，你可以从localStorage中获取所有收藏的页面并将它们显示在页面上。你可以使用Ant Design Vue的Card组件来显示每个收藏的页面。下面是一个简单的示例代码：收藏按钮组件： ```html <template> <a-button type="primary" @click="addToFavorites">Add to favorites</a-button> </template> <script> export default { methods: { addToFavorites() { const currentUrl = window.location.href; let favorites = JSON.parse(localStorage.getItem('favorites')) || []; if (!favorites.includes(currentUrl)) { favorites.push(currentUrl); localStorage.setItem('favorites', JSON.stringify(favorites)); } } } }; </script> ``` 收藏页面： ```html <template> <div> <a-card v-for="(url, index) in favorites" :key="index"> <a href="url">{{ url }}</a> </a-card> </div> </template> <script> export default { data() { return { favorites: [] }; }, mounted() { const storedFavorites = localStorage.getItem('favorites'); if (storedFavorites) { this.favorites = JSON.parse(storedFavorites); } } }; </script> ``` 在你的路由器中，你需要创建一个指向收藏页面的路由： ```javascript import Favorites from './components/Favorites.vue'; const routes = [ { path: '/favorites', component: Favorites } ]; ``` 现在，你可以在你的应用程序中使用收藏按钮组件，并在收藏页面中查看和管理收藏的页面。