2022年5月12日
vue插槽简单介绍
摘要： 什么是插槽？ 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、 组件等，填充的内容会替换子组件的<slot></slot>标签。 1.在子组件中放一个占位符 2.在父组件中给这个占位符填充内容 插槽的使用： 阅读全文
posted @ 2022-05-12 15:35 久睡成谜 阅读(76) 评论(0) 推荐(0)
vue简单实现购物车效果
摘要： 购物车功能实现： 1.展示商品列表，每一条商品记录包含商品名称、商品单价、购买数量和删除。 2.对每个商品的数量进行增加和减少 3.删除商品 4.对商品的总价进行计算。 效果实现： 1.数据绑定：先完成数据绑定，绑定好data对应的数据对应每一列 2.增减功能：使用decrement和increme 阅读全文
posted @ 2022-05-12 15:12 久睡成谜 阅读(947) 评论(0) 推荐(0)
vue简单实现任务清单
摘要： 任务清单： 1.功能实现： （1）增：输入框中编辑后点击“添加任务”按钮或者回车将新任务添加到任务展示区底部。 （2）查：“全部任务”、“已完成”及“未完成”状态的展示。 （3）点击复选框改变完成状态。 2.效果实现： （1）首先是主组件和子组件的创建及连接： （2）在主组件写入数据并在子组件中接收 阅读全文
posted @ 2022-05-12 14:32 久睡成谜 阅读(659) 评论(0) 推荐(0)
2022年5月11日
Vue实战网易云音乐--歌曲播放页面详解
摘要： 歌曲播放模块 （1）创建歌曲详情组件 （2）在全局播放组件中引入歌曲详情组件 （3）设置点击事件跳转页面显示及点击取反触发返回页面消失 （4）传递歌曲详情、歌曲暂停播放按钮显示的条件以及play函数（控制歌曲播放暂停）并在子组件中接收 （5）展示数据 1.引入矢量图标 2.获取真实数据展示 3.设置 阅读全文
posted @ 2022-05-11 13:23 久睡成谜 阅读(810) 评论(0) 推荐(0)
Vue实战网易云音乐---个人中心详解
摘要： 个人中心 1.创建登录页面和个人中心页面并配置路由 2.在进入个人中心路由之前，要执行的生命周期函数，判断用户是否登录（判断条件是store中的user中的isLogin） 3.配置登录页面样式及获取数据 4.设置对象存储用户账号及用户密码 5.获取用户登录验证的api封装并抛出 6. v-mode 阅读全文
posted @ 2022-05-11 13:21 久睡成谜 阅读(670) 评论(0) 推荐(0)
2022年5月10日
Vue实战-网易云音乐移动端
摘要： 一、项目后端搭建 1.下载所需后端文件： （后端api源代码） 2.将项目源码解压至项目中并进行--node app.js运行 二、项目创建 （1）通过vue-cli创建项目：vue create music001 （2）选择并下载项目依赖包 （3）项目创建成功后运行项目 npm run serve 阅读全文
posted @ 2022-05-10 16:08 久睡成谜 阅读(545) 评论(0) 推荐(0)
2022年5月9日
Vue3组合API
摘要： Vue3组合API setup() 1.Vue3最重要的新特性之一: 作用： 之前vue对象规定了我们必须把某一类数据放到某一个结构中，这样在一定程度上对我们的代码进行了强制的分割。而在vue3 中我们引入了setup（）合成API语法，他可以将某数据关联的内容都整合到一个部分，即使setup（）中 阅读全文
posted @ 2022-05-09 19:08 久睡成谜 阅读(246) 评论(0) 推荐(0)
vue-router基本使用
摘要： 一、vue3项目中如何配置路由： 1.下载vue-router,在路由文件中引入相关依赖 2.创建路由信息对象数组 3.创建路由管理器对象并对外抛出 4.在main.js使用use(router)方法，将路由管理器对象与当前vue项目相关联 5.在项目中设置路由导航router-link与路由出口r 阅读全文
posted @ 2022-05-09 17:39 久睡成谜 阅读(240) 评论(0) 推荐(0)
Vue基础
摘要： 一、简介： Vue 是一套用于构建用户界面的渐进式框架。 二、MVVM组成： MVVM > M / V / VMM：model数据模型V：view视图VM：ViewModel 视图模型 三、vue项目创建步骤： 1.安装node环境： 下载地址：https://nodejs.org/en/ 如果能够 阅读全文
posted @ 2022-05-09 15:33 久睡成谜 阅读(61) 评论(0) 推荐(0)
JS图片放大境
摘要： JS图片放大境 1.定义 图片盒子small-box，黄色移动盒子tool，放大盒子big-box以及设置css样式 <div class="small-box" id="smallBox"> <img src="../img/tp.jpg"/> <div class="tool" id="tool 阅读全文
posted @ 2022-05-09 15:10 久睡成谜 阅读(146) 评论(0) 推荐(0)
下一页