Vue
Duing_
菜就要学
展开
-
Vue项目实战——音乐播放器
界面概览体验地址http://duing.site:888/MusicPlayer/#/discovery源码已上传GitHubhttps://github.com/Du-ing/Vue_MusicPlayer制作不易,望点个赞给个star吧原创 2020-09-16 18:50:59 · 1885 阅读 · 0 评论 -
Vue学习06——axios的使用
axiosaxios必须先导入才可以使用使用get或post方法即可发送对应的请求then方法中的回调函数会在请求成功或失败时触发通过回调函数的形参可以获取响应内容,或错误信息axios文档传送门中文文档:http://www.axios-js.com/zh-cn/docs/index.htmlGitHub:https://github.com/axios/axios简单入手<!DOCTYPE html><html lang="en"><head>原创 2020-09-08 16:54:37 · 251 阅读 · 0 评论 -
Vue学习05——小杜记事本案例
图例体验链接小杜记事本源码https://github.com/Du-ing/Vue_App.git原创 2020-09-08 16:13:08 · 175 阅读 · 0 评论 -
Vue学习04——v-for、v-on、v-model
v-for指令v-for指令的作用是:根据数据生成列表结构数组经常和 v-for结合使用语法是 (item,index) in 数据item 和 index 可以结合其他指令一起使用数组长度的更新会同步到页面上,是响应式的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de原创 2020-09-08 11:54:19 · 272 阅读 · 0 评论 -
Vue学习03——v-show、v-if、v-bind
v-show指令v-show指令的作用是:根据真假切换元素的显示状态原理是修改元素的display,实现显示隐藏指令后面的内容,最终都会解析为布尔值值为true元素显示,值为false元素隐藏数据改变后,对应元素的显示状态会同步更新<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2020-09-08 09:58:32 · 210 阅读 · 0 评论 -
Vue学习02——v-text、v-html、v-on
v-text指令v-text指令的作用是:设置标签的文本值默认写法会替换全部内容,使用插值表达式{{}}可以替换指定内容内部支持写表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2020-09-06 11:57:02 · 243 阅读 · 0 评论 -
Vue学习01——Vue基础
第一个Vue程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <原创 2020-09-06 10:35:20 · 120 阅读 · 0 评论