模板指令组件上 v-model 用法已更改，替换 v-bind.synckey 属性Vue 3.x 不建议在 v-if/v-else/v-else-if 的分支中使用 key，如果非要使用，请设置唯一的key值。Vue 3.x 可以将 key值 设置在template 上 (Vue2.x 需要将key值设置到子节点上)v-if 与 v-for 的优先级对比2.x 版本中在一个元素上同时使用 v-i
转载
2024-02-26 10:34:59
93阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言文章内容大概为SpringCloud涉及到的知识，以及个人知识点记录.只停留在与浅层次。提示：以下是本篇文章正文内容，下面案例可供参考一、VantVant是一个轻量，可靠的移动端组件库，2017开源.1.Vant的优势ElementUI是开发计算机浏览器(非移动端)页面的组件库而Vant是开发移动端页面的组件库2.使用Vant
转载
2024-04-02 13:46:07
91阅读
微服务和VUE入门教程(14)： 热部署微服务和VUE入门教程(0): 着手搭建项目微服务和VUE入门教程(1): 搭建前端登录界面微服务和VUE入门教程(2): 注册中心微服务和VUE入门教程(3): user微服务的搭建微服务和VUE入门教程(4)：网关zuul的搭建微服务和VUE入门教程(5)： 前后端交互微服务和VUE入门教程(6)：连接数据库-mybatis微服务和VUE入门教程(7):
转载
2024-01-04 12:29:29
75阅读
spring cloud + vue + oAuth2.0全家桶实战，前后端分离模拟商城，完整的购物流程、后端运营平台，可以实现快速搭建企业级微服务项目。支持微信登录等三方登录。项目介绍功能点：模拟商城，完整的购物流程、后端运营平台对前端业务的支撑，和对项目的运维，有各项的监控指标和运维指标。技术点：核心技术为springcloud+vue两个全家桶实现，采取了取自开源用于开源的目标，所以能用开源
转载
2024-03-15 09:37:43
77阅读
1、Vue3简介1.1、Vue3带来了什么1.性能的提升Vue3与Vue 2相比，在包大小（使用 tree-shaking 时减轻多达 41%）、初始渲染（速度提高多达 55%）、更新（多达 133% 更快）和内存使用（最多减少 54%）。打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟
转载
2023-10-23 19:59:39
180阅读
文章目录前言本文涉及代码已开源Fir Cloud 完整项目gatway网关跨域配置取消微服务跨域配置创建vue2项目准备一个原始vue2项目安装vue-router创建路由vue.config.js配置修改App.vue修改添加接口访问安装axios创建request.js创建index.js创建InfoApi.jsmain.jssecurityUtils.js前端登录界面登录消息提示框最终效果
在绝大多数情况下，Vue 推荐使用模板<template>语法来创建应用。在 Vue 3 的项目开发中，template 是 Vue 3 默认的写法。虽然 template 长得很像 HTML，但 Vue 其实会把 template 解析为 render 函数，之后，组件运行的时候通过 render 函数去返回虚拟 DOM。然而在某些使用场景下，我们真的需要用到 JavaScript
转载
2023-12-14 09:18:57
113阅读
在绝大多数情况下，Vue 推荐使用模板<template>语法来创建应用。在 Vue 3 的项目开发中，template 是 Vue 3 默认的写法。虽然 template 长得很像 HTML，但 Vue 其实会把 template 解析为 render 函数，之后，组件运行的时候通过 render 函数去返回虚拟 DOM。然而在某些使用场景下，我们真的需要用到 JavaScript
转载
2023-12-14 11:04:16
89阅读
大家既然能看到这篇文章，说明大家对跨域已经有了一定的理解，所以这里就不花功夫对跨域进行详细的介绍了 1. 首先扩展一点，axios在本地发送的请求如果你不把路径写全，它都是会默认加上自己项目所在的端口，就比如说axios.get('/student')
转载
2024-08-16 13:29:18
227阅读
1、hookVue3 的 hook函数 相当于 vue2 的 mixin，不同在于 hook 是函数，其使用目的是为了复用代码，让setup中的逻辑更加清楚易懂。使用示例：在 src 目录下建立一个 hooks 文件夹，声明一个用于存放需要复用的代码的 js 文件，如下：文件内容如下：import {reactive,onMounted,onBeforeUnmount} from 'vu
转载
2024-03-03 09:03:58
201阅读
一、
Vue项目搭建1、打开IDEA，创建
Vue.js项目demo-
vue 项目结构2、在components目录下创建
vue组件UserMan.
vue<template>
<div>
<table>
<tr>
<td>编号</td>
<td>用户名</t
转载
2024-02-21 11:23:26
247阅读
这几天我在研究前台框架和后台框架融合的问题,进行了一些尝试;我前台选择的是 vue,当然也可以选择 react 等其他 mvvm 框架,不过 vue 对于我来说是最熟悉的;后台话,我选择的是 php 的 lumen 框架,他是laravel 的简化版,因为比较轻量,所以这也是我的选择;先说下我这边的环境:系统:Mac os 10.12;服务器:apache 2.2;php:7.0;lumen:5.
准备工作 ： 环境要求vue cli要求node版本8或者更高（8.10.0+推荐） vue cli3 需要node版本>=8.9, （官方推荐：8.11.0+ ） 有node的情况下就可以使用npm进行安装了1.打开项目文件夹进入cmd 输入`npm install -g @vue/cli@3`2.下载好之后输入vue create ‘你的项目名’ 回车创建3.接着就会进入问答环节（选择一
前言：最近公司想重构一个项目，CTO选择了vue3.0 + ant-design-vue技术栈，正好自己也想尝试一下，试着搭建一下，以后有更好的会及时补充修改 注：粗体是命令指令，推荐使用cnpm指令，没有安装淘宝镜像的使用npm（淘宝镜像安装指令：npm install -g cnpm --registry=https://registry.npm.taobao.org）一、安装node.js，
转载
2024-09-23 16:35:01
314阅读
Vue盛行的一个时代，大部分前端开发人员接触的第一个MV*的框架大多全是Vue，当然也有一部分人可能最开始接触的就是React或者Angular，Vue以详细的中文文档，以及容易上手的API被大家所熟知。更多使用Vue的开发人员都很少在HTML中直接开发Vue的项目而是使用vue-cli脚手架，简直不要太方便，从Vue-cli2.0开始，笔者也在开始使用，也简单的看过2.0版本的webpack配置
一、一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。(注意：binding这个词绑定，顾名思义在这个bind中进行绑定函数)inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 （实际的效果的实现，dom操作等等，样式渲染）update：所在组件的 VNode 更新时
# Vue 3 如何使用 Yarn
Vue 3 是一个流行的前端框架，用于构建用户界面和单页面应用。Yarn 是一种现代的包管理工具，可以有效地管理项目依赖。本文将详细介绍如何使用 Yarn 创建一个 Vue 3 项目，并展示如何解决一个具体问题：在 Vue 3 应用中集成 Vue Router。
## 前提条件
在开始之前，你需要确认你的开发环境中已经安装了 Node.js 和 Yarn。
原创
2024-10-21 07:05:25
83阅读
1. 首先使用命令安装axios依赖包：npm install axios --savenpm install vue-axios --save2. axios配置（包括了请求拦截器，响应拦截器）： 代码如下：request.ts:
import axios, {AxiosInstance, AxiosRequestConfig, AxiosResponse} from 'axios';
转载
2024-05-14 11:47:49
338阅读
安装 JSX 插件在 Vue2 中要想使用 jsx 开发，需要安装 @vue/babel-preset-jsx 等插件，之后在 babel 里指定即可，详细可以参考下面的 Vue2 GitHub 文档Vue2：GitHub 文档 —— Babel Preset JSX最近在使用 Vue3，突然想用 jsx 进行开发部分页面，顺便记录一下，也可以参考下面的 Vue3 GitHub 文档Vue3：Gi
转载
2023-10-24 08:37:56
264阅读
一、什么是jsx在 JavaScript 里面写 HTML 的语法，就叫做 JSX，算是对 JavaScript 语法的一个扩展.（在vue3项目中相当于单文件组件，.vue）使用的是jsx语法二、jsx语法1.插值。与 vue 模板语法中的插值一样，但是双大括号 {{}} 变为了单大括号 {}。大括号内支持任何有效的 JavaScript 表达式，比如：2 + 2，user.firstName，
转载
2023-07-21 22:24:22
265阅读
