Vue练习项目

最新推荐文章于 2025-06-26 15:03:01 发布
最新推荐文章于 2025-06-26 15:03:01 发布
阅读量880 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 项目 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/huahuahua__/article/details/99689537
本项目为VUE全家桶学习成果展示，已完成豆瓣音乐模块，UI自定义设计，采用axios、vue-router、Vuex等技术，图片加载使用vue-lazyload插件，计划后续网易云音乐模块采用vant UI框架。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

介绍

这是我学习完VUE全家桶之后练习的项目，目前只完成了豆瓣部分 ，网易云准备开始着手， 豆瓣部分UI是自己写的，感觉好累。。后面的网易云部分准备用vant来写UI，不自己写了。项目中的图片加载使用了vue的插件vue-lazyload，下拉加载更多图片是自己写的。豆瓣的搜索功能是没有做的，因为豆瓣的搜索API最近关闭了。

用到的知识

vue + axios + vue-router + Vuex + vue-cli

运行截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

源码地址

https://github.com/lmsccc/neteaseban

项目开发日志

问题记录

2020-3-12更新
目前这个项目已经没有再更新了，目前的进度是基本完成，跨域的问题也改成使用nginx代理服务器来处理了

vue知乎项目vue练习
06-06
适合初步学习vue的技术里面有代码包括路由ajax还有vuex
自己练习的vue项目
09-07
自己练习的vue项目自己练习的vue项目自己练习的vue项目自己练习的vue项目自己练习的vue项目自己练习的vue项目自己练习的vue项目自己练习的vue项目自己练习的vue项目
【Vue】项目练习
清风微醺的博客
08-10 1645
Vue 实战快速上手
Vue3的快速学习与快速上手
最新发布
weixin_48053866的博客
06-26 1085
reactive()的种种限制归根结底是因为 JavaScript 没有可以作用于所有值类型的 “引用” 机制。为此，Vue 提供了一个 ref()方法来允许我们创建可以使用任何值类型的响应式refjsref()将传入参数的值包装为一个带.value属性的 ref 对象：js和响应式对象的属性类似，ref 的.value属性也是响应式的。同时，当值为对象类型时，会用reactive()自动转换它的.value。// 这是响应式的替换// 该函数接收一个 ref// 需要通过 .value 取值。
vue - 练手项目：简易商城
热门推荐
asfcyg的博客
06-19 1万+
学习vue的第一个练手的小项目使用的是vue3.0 第一步：划分目录结构 第二步：引入两个css文件 将两个文件放在src->assets->css下 第一个css文件是normalize.css，让不同浏览器在渲染网页元素时形式更加统一，是一个大神写的，可以在github上下载。 第二个css文件是base.css文件，引入一些基础的样式 /* 引入css文件 */ @import "./normalize.css"; *, *::before, *::after { margin:
Vue练手项目
黑胡子大叔的博客
09-03 4244
小记 笔记 一、项目初始化 1、初始化 首先使用vscode快捷键打开当前文件夹下的命令行 Ctrl + ` 运行 npm init -y 生成package.json文件 在项目中需要用到webpack进行打包，下面安装webpack 2、安装webpack 执行 npm install webpack webpack-cli -D 其中-D是 --save-dev的简写，表示开发环境依赖 3、引入并使用vue 首先对项目进行基本配置 创建index.html、main.js等 配
vue练习项目1111111111111111111111111
04-23
在这个名为"vue练习项目1111111111111111111111111"的压缩包中，我们很可能是得到了一个Vue.js的学习实践项目，名为"project1"。 Vue.js的核心特性包括数据绑定、组件化、指令系统和虚拟DOM。在数据绑定方面，Vue...
vue项目实战Vue实战项目篇源码.zip
05-31
Vue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目篇源码.zipVue实战项目...
cloud管理系统 Springboot+mybatis plus+vue练习项目前端代码oalangsin-ui.zip
05-19
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
vuedemo:vue练习项目
03-25
一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view ...
maizuodianying:卖座电影Vue练习项目
04-18
myapp 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
Vuejs:Vue练手实战小项目
08-03
当前仓库用于存储 blog个人博客静态页面生成器、ewshop-master做过的项目、interview还有面试题等。 Vuejs ├── blog 修改过的静态网站生成器，生成个人博客专用 ├── docs 所有文章都在这 │ └── ..vuepress │ ├── components 可以写一些Vue组件，暂时用不上 │ ├── dist npm run build 后 存放静态文件夹 │ ├── public 博客的公共资源 │ ├── styles 暂时用不上 │ ├── ······ │ └── README.md ├── ewshop-master 已经做完的图书商城项目 │
前端工程师--vue练习小项目
09-25
vue初级小项目,有网页记事本，网页天气预报，意在巩固vue基础，暂时还没涉及到脚手架，后续会逐步更新大型项目哈哈~~
简单vue框架练习项目
10-08
这是一个基础的vue框架练习源码，所设计的东西不是太难，适合初学者明白及看懂，由于一些原因，并没有涉及太多的样式编写，所有画面可能不是很美观，但是代码很明了
Vue项目练习(MyBlog)
weixin_45506581的博客
12-18 134
目录结构: 前端: 后台： 下载地址:https://pan.baidu.com/s/17wLoE2pzxZ2MTBcqHLgEjw 提取码：7018
vue练手项目
weixin_46474841的博客
05-03 2428
案例一 折叠板 <template> <div id="app"> <h3>案例：折叠面板</h3> <div> <div class="title"> <h4>芙蓉楼送辛渐</h4> <span class="btn" @click='fn()'> {{ isOK? '收起':'展开' }} <
vue项目练习大全
m0_61348045的博客
02-06 1809
vue项目大全
(vue)项目实践
黑胡子大叔的博客
11-24 3176
项目实践小记笔记项目构建项目别名网络请求封装配置路由\构建视图正式开发组件拆分组件一组件二点击切换li标签颜色的实现组件三 小记 终于可以进入实践阶段了 笔记 项目构建 项目别名 完成项目构架后，对项目别名，要不后面改的东西太多 后续的使用如下： js中： html中： ~别名 css中： 网络请求封装 其中网络模块进行了进一步的封装 基础的网络请求封装在request.js中 import axios from 'axios' export function request(config){
vue的练习项目（一）——vue-resourse请求数据
weixin_41635393的博客
11-01 669
 写了一个登录一个注册页面 主要是发送post请求获取数据，使用的是vue-resourse 贴出请求数据的方法：  submitForm(formName){ //请求数据 var api='http://118.25.229.125:8888/api/v1/login/'; this.$http.post(api,{username:this.loginForm...
Vue练习项目：基本CRUD功能及排序操作
根据给定的文件信息，本篇知识点将围绕 Vue.js 框架展开，尤其是针对一个初学者级别的练习项目，该项目涵盖了基本的增删改查（CRUD）操作以及简单的排序功能。 ### Vue.js 框架基础 Vue.js 是一个用于构建用户界面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值