前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。歌曲列表歌曲播放一、子路由配置以及转场动画实现components->singer-detail目录下:创建singer-detai.vueroute->index.js中:引入并配置Singer子路由SingerDe
转载 2024-05-16 17:19:13
64阅读
今天,我们接着上一节继续向下进行,完成当用户点击自己想听的排行榜时,显示的界面 ,该界面要讲解的知识点较多。文件位置:src\components\RankPage.vue ,效果图:                  讲解重点:1、由 Rank.vue 页面传来的 排行榜id
转载 2023-11-17 12:54:33
76阅读
vue vue-router  vuex vue/cli typescript 高仿网易云音乐实现代码全方位解析前言:  vue全家桶 + TypeScript  构建一款移动端音乐webApp 项目的笔记项目源码地址   (https://github.com/lang1427/vue-typescript-music)涉及功
转载 2024-06-07 07:46:42
323阅读
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/Music.css"/> </head> <body> <!--头 ...
转载 2021-10-25 21:16:00
42阅读
2评论
 做音乐播放器,界面一定要炫酷。太low了听歌没感觉。本身是为了在上班的时候用,于是做成了一个类似网易云音乐的界面,大小合适。不用兼容手机端。用css做图标本怀着简单实用的需求去考虑,图标可用SVG、url或者css。相对于url,SVG和css更好一些。为了修炼,最终选择的css。利用好after和before,能减少很多dom嵌套。.next { position: re
转载 2023-12-01 15:41:28
105阅读
Vue-mmPlayer:一款高效易用的Vue音乐播放器组件项目地址:https://gitcode.com/maomao1996/Vue-mmPlayerVue-mmPlayer 是一个基于Vue.js开发的轻量级音乐播放器组件,专为Web开发者设计,旨在帮助他们轻松地在项目中集成音乐播放功能。该项目以简洁、灵活和高度可定制性为核心,提供丰富的API和事件,使得在各种应用场景中都能游刃有余。技术
转载 2024-08-09 10:49:49
229阅读
目录 "Vue学习笔记01 Vue基础" "Vue学习笔记02 Vue组件" "Vue学习笔记03 Axios" "Vue学习笔记04 Vue路由" "Vue学习笔记05 H5实例百度音乐" "Vue学习笔记06 Vuex" "Vue学习笔记07 Web商城实例" Vue实例 25. Vue 实例
原创 2022-08-18 16:29:57
172阅读
vue相关笔记1. elments表格中如何拿到某一行的数据?      答:slot-scope="scope" 会指向改行数据<el-table-column label="状态"><template slot-scope="scope"><el-switch v-model="scope.row.mg_state" @change="userStateChang
vue
转载 2021-05-28 00:14:00
166阅读
2评论
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。MVVM模式它是将“数据模型数据双向绑定”的思想作为核心,因此在View和Model之间没有联系,通过ViewModel进行交互,而且Model和ViewModel之间的交互是双向的,因此视图的数据的变化会同时修改数据源,而数据源数据的变化也会立即反应到View上。 ViewModel是Vue.j
原创 2022-01-13 14:10:21
81阅读
1、vue与服务器交互需要用到 vue-resource.
原创 2022-08-04 16:33:23
90阅读
所有东西必须都在标签里面进行定义,都在div中报错后不断npm和cnpmVue
原创 2022-02-22 10:30:11
209阅读
vue项目vscode自动import,VUE组件和ts模块1、在vscode插件市场安装vetur插件2、修改tsconfig.json文件将moduleResolution改为node3、重启vscode,后面再下代码就可以自动import了。
原创 2023-09-24 11:12:35
477阅读
目录1. 模板语法2. 计算属性、方法、侦听器3. 计算属性的setter和getter4. class与style绑定5. 条件渲染6. 列表渲染7. 事件处理1. 模板语法插值表达
原创 2022-07-12 17:39:43
395阅读
安装node.js傻瓜式安装就行了安装完打开命令行出来版本号就ok 了创建我的第一个vue 项目打开你要创建的位置如何在idea 执行 run 命令
原创 2022-01-12 10:00:40
40阅读
生命周期 beforeCreate: vue实例初始化后执行 数据被观察前 created: 在data observation, computed properties, methods, watch/event callbacks. 之后 beforeMount: ~ mounted: 不保证所 ...
转载 2021-09-27 21:34:00
74阅读
2评论
在终端使用命令vue create hello-vue生成的Vue项目hello-vue默认是有.git文件夹的,但是没有指定上传的地址,要进行版本控制需要进行如下关联:在GitHub或者码云上创建同名仓库 hello-vue,名字自便但要和本地创建的vue项目名称保持一致打开vscode终端:git remote add origin https://github.com/Blis...
原创
B.Y
2021-06-03 09:31:47
281阅读
所有东西必须都在标签里面进行定义,都在div中报错后不断npm和cnpmVue简介Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router: 跳转,vue-resource: 通信,vuex:管理)或既有项目整合。前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中“我大前端”是绕
原创 2021-07-19 09:54:54
344阅读
所有东西必须都在标签里面进行定义,都在div中报错后不断npm和cnpmVue简介Vue (读音/vju/, 类似于view)是一套用·
原创 2021-07-31 11:08:09
298阅读
转载 2020-09-24 20:34:00
567阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5