前端人_倩倩

是 vue3 的新语法糖，并不是新增的功能模块，只是简化了以往的组合式 API 必须返回(return)的写法，并且有更好的运行时性能。...

在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件...

vue3 中 的 computed 的使用，由于 vue3 兼容 vue2 的选项式API，所以可以直接使用 vue2的写法，这篇文章主要介绍 vue3 中 compute...

选项式API与之前写法相同，本篇文章主要通过 Options API 和 Composition API 对比 watch 的使用方法，让您快速掌握 vue3 中 watc...

在之前 vue2 中，data 返回的数据，可以直接进行双向绑定使用，如果我们把 setup 中数据类型直接双向绑定，发现变量并不能实时响应。接下来就看看setup如何实现...

从 vue2 升级到 vue3，vue3 是可以兼容 vue2 的，所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处，如果出现问题时...

今天我们就讲讲在 vue3 中，自定义指令定义、使用以及钩子函数都有哪些变化？ 一、注册自定义指令 以下实例都是实现一个输入框自动获取焦点的自定义指令。...

本篇文章主要目的就是想告诉我身边，正在学 vue3 或者 准备学 vue3 的同学，vue3中网络请求axios该如何使用，防止接触了一点点 vue3 的同学会有个疑问？生...

mixin 混入，提供了一种非常灵活的方式，来分发 vue 组件中的可复用功能，....................

vuex4 是 vue3的兼容版本，提供了和vuex3 的相同API。因此我们可以在 vue3 中复用之前已存在的 vuex 代码。 一、安装以及初始化 vuex4安装： ...

虽然 vue-router 4 大多数 API 保持不变，但是在 vue3 中以插件形式存在，所以在使用时有一定的变化。接下来就学习学习它是如何使用的。 一、安装并创建实例...

组件内的 data 为什么总是函数形式？ 我们试着先做一个计数器案例，把 data 的返回形式修改成一个对象。具体的代码如下： 运行结果，看着是正常的，并无异常。但我们都知...

本篇文章主要介绍 v-model 在 Vue2 和 Vue3 中使用变化。 一、Vue2 中 v-model 的使用 v-model 是语法糖，本质还是父子组件间的通信。父...

vite 实际上就是一个面向现代浏览器，基于 ES module 实现了一个更轻快的项目构建打包工具。 vite 是法语中轻快的意思。 vite 的特点： 1、轻快的冷服...

上一篇文章《前端开发3年了，竟然不知道什么是 Vue 脚手架？（上）》介绍了什么是脚手架，以及Vue-cli 2.x如何创建项目，创建的项目结构。这篇文章介绍 Vue-cl...

CLI -- Command-Line Interface 命令行界面，俗称脚手架。 脚手架就是一个大概的框架，是建筑学上的一个概念。...

先问大家一个很简单的问题： vue init webpack prjectName 与 vue create projectName 有什么区别呢？...

高阶函数，英文叫 Higher Order function。一个函数可以接收另外一个函数作为参数，这种函数就叫做高阶函数。 示例： 一、常见的高阶函数 ES6中数组新增了...

computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 在输入框中，改变 name 值得时候，ms...