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

---

---

• vue中父子组件传值,解决钩子函数mounted只运行一次的操作
• 因为mounted函数只会在html和模板渲染之后会加载一次，但是在子组件中只有第一次的数据显示是正常的，所以需要再增加一个updated函数，在更新之后就可以重新进行取值加载，完成数据的正常显示。beforCreate（创建之前）Created（创建之后）beforMount（载入之前）Mount...
• 日期：2022-12-27
• 浏览：322
• 标签： Vue

---

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

---

• vue组件暴露和.js文件暴露接口操作
• 1、将同一类型的组件放在一个文件夹下2、在此文件夹下创建一个index.js3、在index.js中导入组件，并把他们暴露出去1、写法一 import studentCourse1 from ’./studentCourse.vue’ import studentInfo1 from ’./stud...
• 日期：2022-12-10
• 浏览：366
• 标签： Vue

---

• Vue router安装及使用方法解析
• 对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。npm install vue-router --save当然，官方采用了多种方式进行安装，包括bower,cdn等。基本用法在HTML文档中使用，只...
• 日期：2022-10-21
• 浏览：349
• 标签： Vue

---

• vue 在单页面应用里使用二级套嵌路由
• 在一个单页面应用里使用二级套嵌路由目录结构如下：其中main.js为全局配置文件，App.vue为项目入口。main.js中路由配置如下import Vue from ’vue’//引入vueimport App from ’./App’//引入主模板import Router from ’vue-...
• 日期：2022-10-17
• 浏览：299
• 标签： Vue

---

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

---

• Vue封装一个TodoList的案例与浏览器本地缓存的应用实现
• 本文主要介绍了Vue封装一个TodoList的案例与浏览器本地缓存的应用实现，分享给大家，具体如下：使用Vue封装一个简易的Todolist的小案例. 同时加入了浏览器本地缓存的技术手段.浏览器本地缓冲: 前提： 一般我们定义的变量，或者用Vuex保存的数据， 当浏览器进行了一个刷新 那么这个...
• 日期：2022-09-30
• 浏览：319
• 标签： Vue

---

• 如何理解Vue简单状态管理之store模式
• 目录概述1. 定义 store.js2. 组件使用 store.js3. 实现效果概述store 状态管理模式的实现思想很简单，就是定义一个 store 对象，对象里有 state 属性存储共享数据，对象里还存储操作这些共享数据的方法。在组件中将 store.state 共享数据作为 data 的一...
• 日期：2022-09-29
• 浏览：287
• 标签： Vue

---

• 如何在 Vue 中使用 Axios 异步请求API
• 目录设置基本 HTTP 请求Axios 配合 async/awaitAxios 的错误处理发送POST请求用 Axios 编写可复用的 API 调用最终代码设置基本 HTTP 请求首先在终端中执行下面的命令把 Axios 安装到项目中：installaxiosnpminstallaxios然后，在 ...
• 日期：2022-09-29
• 浏览：173
• 标签： IOS

---