搭建Vue 环境1 下载 node.jsnode.js 中文网 https://nodejs.org/zh-cn/cn/ 下载合适的安装包2 配置环境 （安装时系统自动配置环境变量）进入系统环境变量界面选择系统变量 path 点击新建查看是否有node.js 的安装路径3 查看版本查看 node 版本命令：node -v查看 npm 版本命令 npm - v4 安装淘宝镜像，有利于加快下载速度np
转载
2024-09-21 08:46:08
293阅读
一、单文件组件<script setup><script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。 使用方法： 要使用这个语法，需要将 setup attribute 添加到script 代码块上：<script setup>
console.log('hello script setup')
</script
Vue3使用入门、优点相比Vue2有什么优点？diff算法的提升-vue2是全量对比，vue3新增了静态标记静态提升-vue2不管是否参与更新都会重新创建再渲染，vue3不参与更新的元素在渲染时直接复用。hoistStatic->SSR优化，静态绑定class，id不再做更新处理时间侦听器缓存ssr渲染更好的ts支持-vue2部分支持，vue3覆盖（新增Fragment、Teleport、S
简述再写插件之前，首先我们要弄清楚什么是插件？插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制，一般有下面几种：添加全局方法或者属性。添加全局资源：指令 / 过滤器 / 过渡等通过全局混入来添加一些组件选项添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的 API，同时提供上面提到的一个或多个功能。Vue 插件是对 Vue 全局功能的
Vue3学习（第二天）一、vscode创建vue3模板1.打开vscode点击左下角设置按钮，点击配置用户代码片段2.点击vue.json，把模板输入。二、响应式基础(ref()和reactive())1.ref()函数2.reactive()三、computed计算属性四、watch侦听器1.侦听一个ref()：2.侦听多个时使用数组：3.深层侦听五、watchEffect高级侦听器停止侦听器
转载
2024-07-09 21:12:53
324阅读
并不是所有的js文件都可以直接在webpack中使用。这些文件可能不支持模块（module）格式，甚至完全没有使用模块（module）。webpack提供了几种loaders(装载机)来解决这些文件如何在webpack中使用。 这个示例使用require来保证他们（的代码量）短小。通常你需要在你的webpack的config文件中配置这些loaders(装载机)。详情见Using loaders（
Vue学习笔记安装方法将https://unpkg.com/vue@3中的代码保存到项目目录下的lib文件夹中的vue.js中，在使用时引入即可。简单入门案例实现步骤 在页面中引入vue框架的核心文件 创建一个div标签，该标签要被Vue控制(挂载点) 使用Vue 对象调用createApp方法来创建Vue应用实例，再调用mount方法将应用挂载到页面上( div标签中)data方法用来配置数据
转载
2024-10-03 15:32:13
102阅读
参考：GitHub - briefness/fabric-region: 基于fabric.js的一个demoFabric.js 用法总结（在vue中使用时，因为this的指向不同，所以在Fabric.js方法内部，this是无法使用指向外部的值的）这只是我在使用fabric.js的过程中的一些总结，文章底部有一个fabric入门的链接，新手入门可以先看一下，适合新手canvas.setBackg
转载
2024-05-06 17:03:21
2131阅读
以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。这一指令将会安装并执行 create-vue
原创
2024-10-14 09:50:52
120阅读
1、下载脚手架新建一个文件夹在文件夹内打开cmd：输入： cnpm install -g @vue/cli检验是否安装成功 ：vue-V 2、下载脚手架新建一个文件夹在文件夹内打开cmd：输入： vue create vue-next-leo(之后可以去选） 3、去升级打开新建的项目文件之后：输入： ...
转载
2021-09-17 18:36:00
246阅读
2评论
Node.js 和 NPM独立安装 Node.js 和 Npm（安装 Node.js即会安装 npm），查看版本node -v
npm -v淘宝镜像npm 如需淘宝镜像可安装 cnpm（非必须）npm install -g cnpm --registry=https://registry.npm.taobao.org引用或安装Vue3引用方式最为简单，在 html 文件中加入 vue 的引用即可，
转载
2023-06-28 08:56:42
354阅读
1 引言用 vite 创建的 vue3+ts 项目后，在 vscode 中打开，可以看到缺少很多 vue 开发必备依赖库与插件（如下图）。同时，有些配置与 vue-cli 建立的项目有所差异，此博文将对遇到的问题逐一解决，不断更新内容。2 安装 vue-router官网：https://router.vuejs.org/zh/installation.html
执行：npm install vue
转载
2023-11-25 07:16:15
226阅读
vue3 从零开始 起步与基础1 准备工作（安装+配置+创建）1.1 安装node.js1.1.1 下载node.js最新版本1.1.2 完成node.js配置1.3 使用vite进行创建1.3.1 为什么要创建【了解】1.3.2 为什么要用vite创建【了解】1.3.3 如何用vite进行创建【重点】1.4 打开vue文件2 学习内容2.1 vue文件内容2.1.1 文件内容详情2.1.2 文
转载
2023-08-28 13:02:07
210阅读
1.先全局安装vue-cli3.0 检测安装：
vue -V2.创建项目（这个就跟react创建脚手架项目比较像了） 1.这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是
2.让你选的，第一个是默认配置，一般选第二个，自己配置，这里选择最后一个 当你选择后会出现上面图上的东西，这里你可以自由选择用哪些配置，按上下键
选择哪一个，按空格键确定，所有的都选
转载
2023-12-14 06:45:34
96阅读
Vue3.0环境安装首先全局安装：npm install @vue/cli -g然后你可以查看vue的版本很多人项目其实还在用2.0那不用担心继续安装npm install @vue/cli-init -g你就可以继续使用vue init webpack mydemo 这种方式创建项目vue-cli2.0的项目如果你要创建vue3.0的项目使用vue create demo即可创建项目vue cr
转载
2023-08-01 21:50:17
159阅读
# Vue3中安装TypeScript
随着Vue3的正式发布，越来越多的开发者开始尝试在项目中使用TypeScript，以提高代码的可维护性和可读性。本文将介绍如何在Vue3项目中安装和配置TypeScript，并提供一些简单的示例代码。
## 安装Vue3和TypeScript
首先，我们需要确保已经安装了Vue CLI。如果没有安装，可以通过以下命令进行安装：
```bash
npm
原创
2024-03-11 04:08:17
239阅读
# 如何在Vue3中安装aios
## 前言
在Vue3开发过程中，我们常常需要使用第三方库来实现一些特定的功能。对于初入行的开发者来说，可能不太清楚如何在Vue3中安装和使用这些库。本文将以安装aios为例，教会你如何在Vue3项目中安装和使用aios库。
## 什么是aios？
aios是一个基于Promise的异步HTTP客户端库，它可以用于发送AJAX请求并处理响应数据。在Vue3开发
原创
2023-11-17 16:18:27
72阅读
# Vue3 安装 Axios
## 概述
在Vue项目中使用Axios是非常常见的，它是一个基于Promise的Http库，可以用于发送HTTP请求和处理响应。在这篇文章中，我们将探讨如何在Vue3项目中安装和使用Axios。
## 安装 Axios
安装Axios非常简单，我们只需要在终端中运行以下命令即可：
```markdown
npm install axios
```
这条命令会使
原创
2023-08-01 15:16:43
655阅读
# Vue3 安装 axios
在Vue3中，使用axios来进行网络请求是一个常见的需求。axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js环境。本文将介绍如何在Vue3项目中安装axios，并提供一些代码示例来演示如何使用axios进行网络请求。
## 安装 axios
首先，在Vue3项目中安装axios，可以通过npm或者yarn来进行安装。在命令行中
原创
2024-04-04 06:34:15
96阅读
## Vue3安装Axios
Axios是一个基于 Promise 的 HTTP 客户端，可以用于浏览器和 Node.js，它是 Vue3 中常用的网络请求库。本文将向您介绍如何在 Vue3 项目中安装和使用 Axios。
### 安装 Axios
要使用 Axios，首先需要将它安装到您的 Vue3 项目中。您可以使用 npm 或 yarn 来安装 Axios。
使用 npm：
```
原创
2023-07-20 03:34:09
482阅读
