需求在之前做的 WEB 单页应用在切换效果上有些生硬，而且页面的缓存和更新在体验上达不到预期的效果。虽然 vue 的 keep-alive 能达到将组件进行缓存，但是在做一些特殊的需求的时候，如把新打开的页面（组件）进行缓存，当点击返回的时候就将该缓存的页面（组件）进行销毁，就像模拟 App 中体验的效果一样，而且在类似于打开商品详情的时候是使用的同一个组件，不同的路由。并且在商品详情中继续打开商
文章目录前言源码目录 前言Vue.js 3.0 (以下简称Vue3)，正式发布在 2020 年 09 月 18 日相关资料：vue3源码地址：https://github.com/vuejs/vue-next
vue3迁移指南：https://v3.cn.vuejs.org/guide/migration/introduction.html
vue3官方文档：https://v3.cn.vuej
转载
2024-08-12 19:54:16
102阅读
10 月 5 日凌晨，Vue.js 框架的作者兼核心开发者尤雨溪公布了尚处于 Pre-Alpha 状态的 Vue 3 源码（https://github.com/vuejs/vue-next）。（说学不动的童鞋抓紧剩余的国庆假期撸一遍源码吧 : D）作者表示，Vue 3 主要的架构改进、优化和新功能均已完成，剩下的主要任务是完成一些 Vue 2 现有功能的移植。稳定版的具体发布时间尚未提及，不过根
转载
2024-01-18 16:47:35
70阅读
# Vue 3 调用 Android 原生代码
随着前端技术的发展，Vue 3 的广泛使用以及移动应用的普及，前端框架与原生代码的结合变得越来越重要。通过 Vue 3 调用 Android 原生代码，可以实现更丰富的功能，同时提升用户体验。本文将介绍如何在 Vue 3 中调用 Android 原生代码，并附带代码示例和相关图示。
## 1. 环境准备
在进行 Vue 3 和 Android
文章目录前言一、父子传值（props / $emit 、ref / $refs）1）props / $emit2）ref / $refs二、兄弟传值( $emit / $on )三、全局事件总线 - mitt库四、祖孙或者更深嵌套的组件间传值1） provide / inject2） $attrs五、更复杂的结构：vuex 前言在做vue项目或者uniapp开发微信小程序时，经常会用到组件之间传
# 如何在Vue 3中实现Android原生调用JavaScript方法
在开发过程中，我们常常需要让原生应用与前端框架进行互动。尤其是在使用Vue 3时，Android原生应用可以通过WebView与JavaScript进行交互。本文将通过简单的步骤引导你完成这一过程。
## 整体流程
下面是步骤流程表，帮助你更清楚地理解如何实现Android原生调用JavaScript方法。
| 步骤
原创
2024-08-13 08:42:39
404阅读
# Vue3 Axios原生写法实现步骤
## 1. 介绍
在Vue3中，我们可以使用Axios来进行网络请求。Axios是一个基于Promise的HTTP库，可以用于浏览器和Node.js。在本文中，我们将讲解如何在Vue3项目中使用Axios进行网络请求，并提供原生写法的示例代码。
## 2. 安装
首先，我们需要在项目中安装Axios。可以使用npm或者yarn来进行安装。
如果使用n
原创
2023-11-02 12:18:05
145阅读
在使用 Vue 3 的过程中，我们可能会遇到需要引入 jQuery 的情况。然而，由于 Vue 3 采用了全新的响应式系统，以及对 DOM 操作的封装，直接在 Vue 应用中引入 jQuery 可能会引发性能问题以及组件更新的冲突。本文将详细介绍如何以原生方式在 Vue 3 中引入 jQuery，并对各个方面进行全面的探讨。
## 版本对比
Vue 2 和 Vue 3 在多个特性上存在显著差异
# Vue 3 和 Android 开发的结合
随着移动互联网的迅速发展，前端框架如 Vue.js 在构建现代网页和移动应用程序中的重要性日益凸显。Vue 3 是 Vue.js 的最新版本，结合了许多新的特性和优化，使得开发变得更加高效。在这篇文章中，我们将探讨如何使用 Vue 3 创建一个 Android 应用，并具体展示如何绘制饼状图和序列图。
## Vue 3 简介
Vue.js 是一
1、环境准备1.1 Node.js（1）下载安装官网： https://nodejs.org/en/ （双击下载文件，一路 next 即可）注： 推荐下载最新稳定版安装完成后分别输入命令 node -v 和 npm -v 查看 node 版本与 npm 版本C:\Users\Administrator>node -v
v12.17.0
C:\Users\Administrator>n
1.router安装router：npm i vue-router@41.配置路由1.创建路由实例import { createRouter, createWebHistory } from 'vue-router'
// (1) 创建路由实例（对象：路由模式、路由规则）
// hash模式：createWebHashHistory(基地址)。
// history模式：
原创
2024-06-28 21:28:08
245阅读
vue3项目实战 fetch调用接口 ?一文搞定?点击进入vue专栏?fetch概述fetch基本用法fetch的HTTP请求??get请求?delete请求post请求?put请求方式?fetch响应结果/格式summary ?点击进入vue专栏?
上期推文中讲述了vue3项目实战中接口调用的方法（一）?点击即可复习?，介绍了async/await调用接口的过程和方法。 从本期文章开始将会不定
转载
2023-12-16 23:17:58
220阅读
1.vue的核心功能及安装1.声明式渲染
2.响应性： vue会自动跟踪JavaScript状态并在其发生变化时响应式的更新DOM。
安装vue3：
1.安装vue cli,下载最新版本的vue cli，并安装官方文档中的说明进行安装。
2.安装vue3依赖项安装，可使用 npm/yarn进行安装，如：
npm install -g @vue/cli
npm inst
转载
2023-10-15 22:01:38
281阅读
# 实现Vue3 Vuex模块化
如果你正在使用Vue3和Vuex，并且想要将你的Vuex store进行模块化，这篇文章将帮助你顺利完成这个过程。模块化能够让你的代码更加清晰和易于维护，尤其是当应用变得庞大时。下面是一个步骤指南，帮助你实现Vue3 Vuex模块化。
## 步骤指南
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 创建并配置Vuex store
原创
2024-05-28 10:57:21
218阅读
文章目录前言本文涉及代码已开源Fir Cloud 完整项目gatway网关跨域配置取消微服务跨域配置创建vue2项目准备一个原始vue2项目安装vue-router创建路由vue.config.js配置修改App.vue修改添加接口访问安装axios创建request.js创建index.js创建InfoApi.jsmain.jssecurityUtils.js前端登录界面登录消息提示框最终效果
# Vue3 调用 Android
在移动应用开发过程中，经常会涉及到前端与原生 Android 之间的交互。Vue3作为一种流行的前端框架，也可以通过特定的方式来调用Android原生功能。本文将介绍如何在Vue3中调用Android原生功能，并提供相应的代码示例。
## 前提条件
在开始之前，需要确保以下几点条件已经满足：
1. 你已经熟悉Vue3框架的基本用法；
2. 你已经配置好A
原创
2024-07-07 04:18:26
301阅读
# 使用Vue 3开发Android应用程序的指南
在现代开发环境中，利用Vue 3开发移动应用程序变得越来越普遍。通过使用一些工具和框架，我们可以将Vue代码转化为Android应用。在本文中，我将为你提供一个详细的流程，以及在每步中需要完成的具体操作。
## 开发流程
以下是我们将要遵循的开发步骤流程：
```mermaid
flowchart TD
A[开始] --> B[安
1、父子组件通过props的方式进行通信直接给组件，添加属性，在子组件中，使用props进行接收。<Com1
:aoo="aoo"
:boo="boo"
:coo="coo"
foo="前端大神"
@change="changeEvent"
v-on:input="inputEvent"
></Com1>子组件props: ['foo', 'aoo']
本次来说一说如何利用lufylegend.js引擎制作一款HTML5游戏后，将其转换为android本地化的App应用，转换过程其实很简单，下面一步步来做说明。首先来开发一个类似于对对碰的游戏，不过此游戏玩法为在下原创，如有雷同，纯属巧合，游戏界面如下。游戏操作：上下左右划动屏幕，来操作宝石向不同的方向移动。游戏规则：当有三个一样的宝石相邻则消除，被消除过一次的宝石会变成半透明，当所有宝石都被消除
前言一般来说，Vue项目的错误主要可以归纳为三类：版本冲突、拼写的错误、语法错误。版本问题比较令人头疼，一般动一发而牵全身。而一般的拼写错误却时常会碰到，比如你页面不跳转了，可能是routes写成route或者直接拼错。或者有时component写成components。当你看见这篇博客时，先检查单词有没有拼错，有没有多加“s”或者少加“s”，有没有大小写弄错。1、vue结合Element-UI创
