多个vue-cli版本vue
Windows下,多个版本jdk的切换
# 1.安装jdk 正常到oracle官网安装即可 # 2.版本管理工具——jenv windows版本使用jenv for windows https://github.com/FelixSelter/JEnv-for-Windows (其他系统安装使用 jenv即可) (arhlinux可以直接 ......
vue-day9--事件修饰符
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
Vue之beforeRouteEnter的使用
beforeRouteEnter用于路由跳转后进入新的页面进行操作,由于<script setup>里面没有内置beforeRouteEnter的语法,所以需要另外写一个<script>标签。 下面代码是beforeRouteEnter的使用示例,从from可以获得跳转页面前的路由信息。 <scri ......
Vue脚手架及ajax
脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 ......
.NET6 微服务架构实战系列---Docker+Nginx部署前端Vue项目
一、相关配置安装 1.1 安装Docker [CentOS环境安装Docker](https://www.cnblogs.com/Code-HHX/p/17538236.html) 1.2 Docker中拉取nginx镜像 ``` docker pull nginx ``` 二、Vue前端项目创建配 ......
vue-day8--事件的基本使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
vue-day07---vue中应用的数据代理
1.Vue 中的数据代理 通过vm 对象来代理data 对象中的对象中的属性操作 读/写 2.vue 中的数据代理的好处 更加方便的操作data中的数据 3.基本原理 通过object.defineProperty() 把data 对象中的所有属性添加到vm 上 为每一个添加到vm上属性都指定一个g ......
vue-day06--数据代理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>数据代理< ......
vue-day04-Object.defineproperty 方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>回顾Obj ......
vue-day04--mvvm模型
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
vue-day03--el与data的二种写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>el与da ......
vue-day02--数据绑定
<!DOCTYPE html> <html lang="en"> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</ti ......
vue-day01-v-bind
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascript" src="../js/vue.js"></script> < ......
node 版本管理工具
1、sudo npm install n -g 支持mac 2、nvm 下载地址:https://github.com/coreybutler/nvm-windows/releases 下载后安装即可 ......
工作总结之git版本穿梭
[TOC] ## 工作总结之git版本穿梭 ### 前言 前段时间探索了下git的版本回退,然后前两天突然想到,如果回退后悔了怎么办,本次就是来探究这个问题的 ### 简单穿梭(单纯的回到过去和未来) - 准备工作 ![](https://img2023.cnblogs.com/blog/27751 ......
Visual Studio 2017 下载地址 V15各种版本官方下载网址
Visual Studio 2017 下载地址 V15各种版本官方下载网址 超级任性 于 2019-09-10 17:41:50 发布 36044 收藏 49分类专栏: Visual Studio版权 Visual Studio专栏收录该内容15 篇文章7 订阅订阅专栏Visual Studio C ......
Vue详解设置路由导航的两种方法<router-link to=“”>和router.push(...)
1.<router-link to=""> to里的值可以是一个字符串,也可以是一个描述地址的对象。 // 字符串 <router-link to="apple"> to apple</router-link> // 对象 <router-link :to="{path:'apple'}"> to ......
error NU1803: 错误形式的警告: 正在通过 “HTTP” 源“http://apricot.com/repository/nuget-group/”运行“restore”操作。将来的版本中将删除非 HTTPS 访问权限。请考虑迁移到 “HTTPS” 源。
### 一、私有仓库错误(vs2022) 1. 错误信息 `error NU1803: 错误形式的警告: 正在通过 “HTTP” 源“http://apricot.com/repository/nuget-group/”运行“restore”操作。将来的版本中将删除非 HTTPS 访问权限。请考虑迁 ......
vue store中存储的数据,走谷歌浏览器 那里可以看到
在 Vue 的应用程序中,存储在 Vuex(也称为 Vue Store)中的数据是在浏览器的开发者工具中查看的。对于谷歌浏览器(Chrome),你可以按照以下步骤在开发者工具中查看 Vuex 中的数据: 1. 在你的 Vue 应用程序中打开谷歌浏览器并加载页面。 2. 右键单击页面上的任何位置,并选 ......
1. Vue程序初体验
> Vue 是一个基于 JavaScrip(t JS) 实现的框架。要使用它就需要先拿到 Vue 的 js 文件。从 Vue 官网(https://v2.cn.vuejs.org/)下载 vue.js 文件 # 1. 下载并安装 vue.js 1. 第一步:打开 **Vue2 官网**,点击下图所示 ......
Vue组件化编程
一、非单文件组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>非单文件组件</title> 6 <script src="js/vue.js"></script> 7 </head> ......
vite antdv vue3换颜色主题
1、安装依赖 { "name": "antdv", "version": "0.0.0", "private": true, "scripts": { "dev": "vite", "build": "run-p type-check build-only", "preview": "vite pr ......
Vue2基础(二)
十一、列表渲染 1、列表渲染 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>列表渲染</title> 6 <script src="js/vue.js"></script> 7 </he ......
Vue2基础(一)
一、初识Vue 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>初识Vue</title> 6 <script type="text/javascript" src="js/vue.js" ......
创建Vue3.0工程
使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vu ......
vue.js:canvas作为文件上传到后端(vue.js3/thinkphp6)
一,前端代码: 说明:前端使用vue.js3+axios,主要通过canvas.toBlob这个api实现canvas转文件上传 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 3 ......
vue基础教程
# vue基础教程 [英文官网](https://vuejs.org/) [中文官网](https://cn.vuejs.org) 渐进式`JavaScript`框架 作者: 尤雨溪 特点 - 遵循`MVVM` - 编码简洁, 体积小, 运行效率高, 适合移动/PC端开发 - 它本身只关注UI, 也 ......
vue高级
# vue高级 ## vue脚手架 我们可以使用Vue CLI来创建vue脚手架项目[Vue CLI官方文档](https://cli.vuejs.org/zh/guide/) ### 安装vue/cli ```bash npm install -g @vue/cli # 或 yarn global ......
Vue(十二):列表渲染—— v-for
1.基础使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本列表</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <! ......