vue2进阶学习之路
HTML、CSS和JavaScript基础 在学习Vue2之前，需要掌握HTML、CSS和JavaScript的基础知识。包括HTML的标签、CSS的布局和样式、JavaScript的变量类型、条件语句、循环语句等。 Vue2的基础知识 掌握Vue2的基本概念和语法，包括Vue2实例、数据绑定、指令、组件、计算属性等。熟悉Vue2的属性和方法，能够通过Vue2进行数据绑定和动态渲染页面。掌握Vue2的基...
【Vue框架】Vue2中动画效果详解—单组动画、多组动画、使用animate动画库、transition-group 列表动画(附源码)
1、Vue单组动画 动画过渡效果：https://cn.vuejs.org/v2/guide/transitions.html v-enter：进入时状态v-enter-to：进入后状态v-leave: 离开时状态v-leave-to：离开后状态 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="view...
Vue2 插槽的使用【默认插槽、具名插槽、作用域插槽】
文章目录： 一：什么是插槽 二：默认插槽 2.1 默认插槽说明 2.2 默认插槽使用 三：具名插槽 3.1 具名插槽说明 3.2 具名插槽使用 四：作用域插槽 4.1 作用域插槽说明 4.2 作用域插槽使用 一：什么是插槽 二：默认插槽 2.1 默认插槽说明 2.2 默认插槽使用 classify.vue组件： <template> <div class="classify-box"> ...
Vue Demi是如何让你的库同时支持Vue2和Vue3的
Vue Demi是什么 如果你想开发一个同时支持Vue2和Vue3的库可能想到以下两种方式： 1.创建两个分支，分别支持Vue2和Vue3 2.只使用Vue2和Vue3都支持的API 这两种方式都有缺点，第一种很麻烦，第二种无法使用Vue3新增的组合式 API，其实现在Vue2.7+版本已经内置支持组合式API，Vue2.6及之前的版本也可以使用@vue/composition-api插件来支持，所以完...
vue2.x与vue3.x中自定义指令详解
🍬目录 🌮前言🥙一、自定义指令分类🥪二、Vue2.x自定义指令钩子函数（1）bind与update区别（2）update与componentUpdated区别（3）钩子函数的参数（摘自官网）（4）局部自定义指令（5）全局自定义指令（6）简写形式 🍔 三、Vue3.x自定义指令钩子函数（1）指令钩子函数（摘自官网）（2）钩子函数参数（3）局部注册两种方式（4）全局注册（5）简化形式 🌮前言 vue自定义指...
Github 用户查询案例【基于Vue2全局事件总线通信】
文章目录： 一：效果展示 二：代码分析 2.1 绑定自定义事件 2.2 触发自定义事件 三：源码获取 一：效果展示 未搜索用户页面 查询后加载中页面 查询成功渲染页面 点击头像或下部链接进入用户主页 查询失败页面报错提示 二：代码分析 2.1 绑定自定义事件 <script>export default { name:'List', data() { return { UserInfo...
uniapp实现主题切换/换肤的详细解决方案（vue2）
主题切换/换肤（vue2） 思路： 原理：通过var变量的方式实现主题切换全局var变量可以在page选择器中定义，但是没有找到动态修改page选择器中var变量的方法，所以最终只能每个页面都通过style='--theme-color: #fff";'这种写法绑定var变量字符串，再基于vuex和mixin简化写法使用scss简化var变量写法（可选）页面中使用scss变量或者var变量原理示例： <...
Vue2：使用Vant UI实现网易云评论页上拉和下拉刷新
目录 一、项目数据API接口地址二、实现页面效果三、实现思路四、实现思路代码1、发送ajax请求获取20条评论2、下拉触发onRefresh事件3、上拉触发onLoad事件 五、实现功能完整代码 一、项目数据API接口地址 API地址：https://neteasecloudmusicapi.js.org/#/ API文档说明地址：https://binaryify.github.io/NeteaseC...
Vue2：网易云播放音乐并实现同步一次显示一行歌词
目录 一、项目数据API接口地址二、实现播放页面效果三、实现思路四、实现思路代码1、发送ajax请求获取歌词2、 处理歌词格式3、判定该显示哪句歌词4、代码部分 五、整个页面完整代码 一、项目数据API接口地址 API地址：https://neteasecloudmusicapi.js.org/#/ API文档说明地址：https://binaryify.github.io/NeteaseCloudMu...
vue2+webpack/vue3+vite 封装svg组件总结笔记
一、vue2+webpack 1.npm安装依赖包 npm i svg-sprite-loader package.json "svg-sprite-loader": "^5.0.0" main.js import { registerSvgIconComp } from '@/plugins/registerSvgIcon'registerSvgIconComp(app) vue.config.js...