• VUE实现一个Flappy Bird游戏的示例代码
• Flappy Bird是一个非常简单的小游戏，在app上大家都玩过。这里就用VUE来实现一个简单的PC版Flappy Bird，娱乐一下~~~~~要实现这个游戏，首先来分析一下游戏界面里哪几块东西需要动起来：1、第一当然就是上下移动的小鸟；2、横向移动的背景图，让小鸟看起来在横向飞行；3、从画面右端...
• 日期：2022-09-30
• 浏览：120
• 标签： Vue

---

• vue+ESLint 配置保存 自动格式化代码
• 1. 在.eslintrc.js 添加 vscode 终端启动服务// 添加⾃定义规则 ’prettier/prettier’: [ // eslint校验不成功后，error或2则报错，warn或1则警告，off或0则⽆提示 ’error’, { singleQ...
• 日期：2023-01-30
• 浏览：325
• 标签： Vue

---

• 浅谈Vue 自动化部署打包上线
• 应用场景项目打包后发布到正式环境，需要后端配合或者前端自己上传到服务器上，操作不便且容易产生问题，比如后台不在的情况而前台没有服务器的信息，这时发布就被延；或者前端自己上传容易导致误操作，如果上传错地方没正确上传都可能导致线上直接崩掉，而这对于已发布的产品而言是致命的。因此，有必要实现自动化部署代码...
• 日期：2023-01-13
• 浏览：207
• 标签： Vue

---

---

• 解决vue 退出动画无效的问题
• 遇到一个问题：给模态框加入退出动画，进入的动画效果是有的，可是退出的动画就没有了。写个简单的结构：<div class='<strong>mask</strong>' v-show='warning'><br><transition name='...
• 日期：2022-12-12
• 浏览：219
• 标签： Vue

---

• Vue使用vue-draggable 插件在不同列表之间拖拽功能
• 今天分享一个vue项目中在不同列表拖拽设置选项的功能，这个功能也是在做项目中遇到的，先说下这个功能的要点(参考下图)，有2个列表，左侧列表展示已选，右侧列表展示未选，通过拖拽进行设置，已选的选项不能超过4个，超过的话自动将拖拽之前的最后一项清除到右侧，且如果从已选往未选里拖的时候，右侧显示垃圾桶的提...
• 日期：2023-01-31
• 浏览：28
• 标签： Vue

---

• vue父子组件间引用之$parent、$children
• vue中提到【父子组件】，则一定会想到我们常用的父子组件通信：props+$on()、$emit() ，如图：也就是说，虽然在一般情况下，子组件是不能引用父组件或者Vue实例的数据，但是对于在开发中出现的“数据需要在组件中来回传递”，我们最简单的解决办法就是通过props（和v-on）将数据从父组件...
• 日期：2023-01-19
• 浏览：122
• 标签： Vue

---

• vue实现前端分页完整代码
• 本文实例为大家分享了vue实现前端分页的具体代码，供大家参考，具体内容如下首先，做出来的效果如图所示，具体的Ajax请求数据可以写在点击函数中分页效果算是比较费脑子的，里面计算有些麻烦，本文上完整代码，一起学习进步 “上一页”写两个li元素，如果已经是第一页，那么就禁止鼠标点击，如果不是就curr...
• 日期：2023-01-12
• 浏览：81
• 标签： Vue

---

• 简单了解vue 插值表达式Mustache
• 一、本节说明用样例详细的说明插值表达式{{}}的使用，将模型数据插入到页面当中。插值表达式为什么叫Mustache(英文:八字须)呢？看看{{内容}}的两个大括号像不像八字胡子呢！二、怎么做 <div id='app' style='background-color:aquamarine'&g...
• 日期：2022-12-30
• 浏览：206
• 标签： Vue

---

• vue3.0 上手体验
• vue3.0 beta 版本已经发布有一阵子了，是时候上手体验一波了～注意，本文所有演示都是基于 vue3.0 beta 版本，不保证后续正式版 api 不改动。等官方文档出来后，以官网为准。环境搭建直接使用脚手架，如果本地没有安装的可以执行脚手架安装命令：npm install -g @vue/c...
• 日期：2022-11-19
• 浏览：32
• 标签： Vue

---

• vue项目中使用rem,在入口文件添加内容操作
• 在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段js代码:<script> window.onload = function () { var setRem = function () { // UI设计稿的宽度 var uiWidt...
• 日期：2022-11-01
• 浏览：44
• 标签： Vue

---