Vue3经过多个版本的更新迭代已经逐渐的趋于稳定，在看官方的文档中发现了官方所有的文档都有两种格式的API，响应式API和组合式API。响应式API（Options API）这是官方文档对于响应式API的解释：使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的&nb
1.在vue-router里面，当进行路由跳转的时候，滚动条的位置是不会动的，路由里面是有一个滚动行为的，解决方式官网里面有const router = createRouter({
history: createWebHashHistory(),
routes: [...],
scrollBehavior (to, from, savedPosition) {
// retu
Vue3快速上手 1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%
watchEffectwatchEffect()方法接收一个函数对象作为参数，就会立即执行这个函数，同时也会响应式地跟踪这个依赖是否发生改变，如果发生改变会重新运行。这个方法和watch很相似。不同的是这个方法不需要分离去监听数据源。vue3中听提供的watch方法和vue2中提供的watch方法是一样的。如果我们处理一个比较大的响应式对象的属性时，我们可以使用es6中的结构语法获
原创
精选
2022-05-21 20:13:11
409阅读
effectScope 可以直接控制响应式副作用的施放时间<script setup> import { reactive, watch, watchEffect,
原创
2022-06-27 15:27:27
237阅读
【Vue3】Vue3中安装和配置Vant组件
原创
2022-12-10 01:06:53
951阅读
Vue基础API总结
Vue作为一个前端轻量级的MVVM框架有其独到之处,本文主要针对Vue1.0版本的官方文档进行梳理总结,主要包括以下几个方面: 1.数据绑定 2.指令 3.组件 4.事件 5.过滤器
Vue基础 Vue实例 构造器 通过构造函数可以创建一个Vue的根实例： var vm = new Vue({
// 选项 Option
}); 一
1 Options APIOptions API 可以翻译为选项API，字面意思可供使用者挑拣的分类条目，就是框架定义好选项
原创
2022-06-01 12:24:26
203阅读
1OptionsAPIOptionsAPI可以翻译为选项API，字面意思可供使用者挑拣的分类条目，就是框架定义好选项，我们可以把我们的功能写在选项里，如props里面设置接收参数、data里面设置变量、computed里面设置计算属性、watch里面设置监听属性、methods里面设置事件方法你会发现OptionsAPi都约定了我们该在哪个位置做什么事。exportdefault{name:'in
原创
2021-02-24 23:18:14
973阅读
一、基础配置步骤
1. 安装依赖
npm install vue-router@4
# 或使用 yarn/pnpm
yarn add vue-router@4
2. 创建路由配置文件 (src/router/index.js)
import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '
正如你所期望的那样，Vue 3带来了很多令人兴奋的新功能。值得庆幸的是，Vue团队主要是在当前API的基础上引入了一些补充和改进，而不是进行重大更改，所以已经了解Vue 2的人应该很快就会对新的语法感到适应。让我们从你们大多数人可能听说过的API开始吧......Composition APIComposition API是Vue的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代
转载
2024-01-25 20:56:41
52阅读
Vue3 Composition API 是 Vue.js 的新版本中引入的一种新特性，它允许开发者更灵活地组织和重用代码。Composition
原创
2024-01-21 00:26:54
161阅读
# 如何实现“vue3 axios api”
---
## 整体流程
| 步骤 | 描述 |
| --- | --- |
| 1 | 安装axios库 |
| 2 | 创建一个Vue.js项目 |
| 3 | 创建一个api.js文件 |
| 4 | 在组件中使用axios发送请求 |
---
## 具体步骤
### 步骤一：安装axios库
在终端中运行以下命令安装axios库：
原创
2024-04-08 03:58:56
42阅读
# 从零开始学习Vue3 Composition API
## 概述
在Vue3中，Composition API是一个新的API，它使得代码复用更加容易。与Vue2的Options API相比，Composition API更加灵活和可维护。在本文中，我们将介绍如何在Vue3中使用Composition API来构建一个简单的应用程序。
## 步骤
| 步骤 | 描述 |
| ---- |
原创
2024-04-28 10:39:28
92阅读
什么是组合式 API？ https://www.vue3js.cn/docs/zh/guide/composition-api-introduction.html 通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走 ...
转载
2021-09-03 16:19:00
553阅读
2评论
Vue3组合API-----setup() 1.Vue3最重要的新特性之一:作用：之前vue对象规定了我们必须把某一类数据放到某一个结构中，这样在一定程度上对我们的代码进行了强制的分割。而在vue3 中我们引入了setup（）合成API语法，他可以将某数据关联的内容都整合到一个部分，即使setup（）中的内容越来越多，也会围绕着大而不乱的形式开发项目。 2.setup组合api
转载
2023-10-31 12:21:19
180阅读
Componsition API 是 vue3 的一个很大的更新，也是很大的一个优点。为什么要更新呢？肯定是 vue2 的 Options API 有问题，本文就两者的区别做个介绍。 一、vue2 的 Options API 1、Options API - 又叫选项API 在 VUE2 中我们是如何 ...
转载
2021-10-15 17:09:00
3164阅读
2评论
Vue3 其它API readonly和shallowreadonly
标题首先，算了，直接说吧我们在写vue项目的时候肯定会接触到多个地址，有本地环境地址和生产环境地址这个是最少的，然后项目里面应该怎么区分这些呢，我来告诉大家。本文是根据vue cli3.0来的，vue cli2.0版本暂不支持.env.development.env.production# .env.development 文件内容
NODE_ENV='development'
VUE_APP_M
