关键字:Vue
  • vue slot 与 v-slot 插槽详解
    slot基本使用 在子组件中,使用特殊的元素就可以为子组件开启一个插槽。 该插槽插入什么内容取决于父组件如何使用。 我们通过一个简单的例子,来给子组件定义一个插槽: 中的内容表示,如果没有在该组件中插入任何其他内容, ...
  • VUE第七天学习
    内容:歌曲播放页面、搜索页面、stylus、vuex 一、歌曲播放页 1.获取歌曲播放地址 https://music.163.com/song/media/outer/url?id=歌曲编号.mp3 2.获取歌曲信息 接口地址: http ...
  • VUE第八天学习
    内容:vuex、element-ui 一、vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 仓库 ​ state、mu ...
  • vue计算滚动条滚动速度
    计算页面滚动效果如下 image 思路:利用滚动条监听事件和定时器,来计算滚动速度;监听事件是只要你滚动条在动就会触发的所以需要定时器来计算滚动速度。 代码:计算滚动速度的功能在handleScroll()函数里实现,将其挂载在mount ...
  • vue中实现动态生成二维码
    最近项目中有个裂变分享的需求,需要在页面中根据分享人的身份动态生成二维码图片放置在页面中,所以研究了一下这个功能的实现,同时把实现过程记录如下: 1.引入二维码生成模块 npm install qrcodejs2 --save 注意:此处安 ...
  • VUE第九天学习
    内容:git和项目后台功能实现 一、git 版本控制软件,多人协作开发项目(管理项目代码文件) svn,它必须要有一个中心服务器 git,分布式版本管理软件,它不需要中心服务器,每一台电脑都是独立的服务器 1.git下载和安装 官网:htt ...
  • nuxt、vue 中使用 scss 做预编译 /deep/ expected selector 报错解决办法
    在 scss 中, >>> 不起作用。 以前做项目的时候,用 /deep/ 进行穿透都是成功的,但是,在 nuxt 中,使用却报错: /deep/ .el-input__inner { border: 1px solid $main-c ...
  • 如何迅速有效学习web前端开发?
    什么是高效率学习?  一:追求学习的性价比 学习性价比 = 所学到的有用的知识 ÷ 花费的时间 ps:如果你用了一年时间,还不能仿站,显然效率是低的。想要学习性价比高,就尽力向这两点努力:1. 尽量学有用的知识,暂时用不到的可以放在后面学 ...
  • VUE第十天学习
    内容:项目后台功能实现 一、rouer-link标签说明 / 首页 /user 管理员列表页 /user/add 管理员添加页 router-link-active 默认是全包含 ...
  • Vue项目总结(5)-表单组件基础
    表单数据处理是一个项目中的必不可少的内容,编写表单组件是完成复杂项目基础。本文深入整理了Vue制作表单组件的各个方面,为后续制作复杂表单组件打好基础。 处理简单数据类型 基本方法 Vue中用prop从父组件向子组件传递数据。 下面是一个简 ...

暂无数据