前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。项目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            
                
         
            
            
            
            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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            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...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            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阅读