Vue
Duing_
菜就要学
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue项目实战——音乐播放器
界面概览 体验地址 http://duing.site:888/MusicPlayer/#/discovery 源码已上传GitHub https://github.com/Du-ing/Vue_MusicPlayer 制作不易,望点个赞给个star吧原创 2020-09-16 18:50:59 · 1969 阅读 · 0 评论 -
Vue学习06——axios的使用
axios axios必须先导入才可以使用 使用get或post方法即可发送对应的请求 then方法中的回调函数会在请求成功或失败时触发 通过回调函数的形参可以获取响应内容,或错误信息 axios文档传送门 中文文档:http://www.axios-js.com/zh-cn/docs/index.html GitHub:https://github.com/axios/axios 简单入手 <!DOCTYPE html> <html lang="en"> <head>原创 2020-09-08 16:54:37 · 334 阅读 · 0 评论 -
Vue学习05——小杜记事本案例
图例 体验链接 小杜记事本 源码 https://github.com/Du-ing/Vue_App.git原创 2020-09-08 16:13:08 · 233 阅读 · 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 · 339 阅读 · 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 · 282 阅读 · 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 · 304 阅读 · 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 · 163 阅读 · 0 评论
分享