Welisit的博客

为什么选择axios?补充: axios名称的由来?个人理解没有具体的翻译.

我们需要知道 Store 是使用定义的，并且它需要一个唯一名称，作为第一个参数传递；state() {return {counter: 0})这个 name，也称为 id，是必要的，Pinia 使用它来将 store 连接到 devtools。返回的函数统一使用useX作为命名方案，这是约定的规范；Store在它被使用之前是不会创建的，我们可以通过调用use函数来使用Store：

在开发中，我们会的应用程序需要处理各种各样的数据，这些数据需要保存在我们应用程序中的某一个位置，对于这些数据的管理我们就称之为是。在前面我们是如何管理自己的状态呢？

vue-router详解

, 1000);

我们通过reactive或者ref可以获取到一个响应式的对象，但是某些情况下，我们传入给其他地方（组件）的这个响应式对象希望在另外一个地方（组件）被使用，但是不能被修改，这个时候如何防止这种情况的出现呢？如果我们使用ES6的解构语法，对reactive返回的对象进行解构获取值，那么之后无论是修改结构后的变量，还是修改reactive 返回的state对象，setup既然是一个函数，那么它也可以有返回值，它的返回值用来做什么呢？如果想为在setup中定义的数据提供响应式的特性，那么我们可以使用。

组件的生命周期、组件混入、组件的v-model、组件的异步导入、动态组件、ref引用、keep-alive

通过props传递具备更强的通用性举个栗子：假如我们定制一个通用的导航组件 - NavBar左边-中间-右边。

内部其实是监听两个按钮的点击，点击之后通过this.$emit的方式发出去事件；// 1.emits数组语法 emits : [ "add" ] , // 2.emmits对象语法 // emits: { // add: function(count) { // if (count

人面对复杂问题的处理方式：组件化也是类似的思想：现在可以说整个的大前端开发都是组件化的天下，所以，学习组件化最重要的是，每个框架或者平台可能实现方法不同，但是思想都是一样的。我们需要通过组件化的思想来思考整个应用程序：组件化是Vue、React、Angular的核心思想，也是我们后续课程的重点（包括以后实战项目）：接下来，我们来学习一下在Vue中如何注册一个组件，以及之后如何使用这个注册后的组件。如果我们现在有一部分（模板、逻辑等），我们希望将这部分内容抽取到一个独立的组件中去维护，这个时候如何注册一个组件

表单提交是开发中非常常见的功能，也是和用户交互的重要手段：这些都要求我们可以在代码逻辑中获取到用户提交的数据，我们通常会使用v-model指令来完成：v-model指令可以在表单 input、textarea以及select元素上创建；它会根据控件类型自动选取正确的方法来更新元素；尽管有些神奇，但 v-model 本质上不过是语法糖，它负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特殊处理；官方有说到，v-model的原理其实是背后有两个操作：v-model绑定textarea三、v-mo

我们知道，在模板中可以直接通过显示一些data中的数据。但是在某些情况，我们可能需要后再显示，或者需要将多个数据结合起来进行显示；我们有没有什么方法可以将逻辑抽离出去呢？什么是计算属性呢？计算属性的用法：那接下来我们通过案例来理解一下这个计算属性。我们来看三个案例：案例一：我们有两个变量：和，希望它们拼接之后在界面上显示；案例二：我们有一个分数：score案例三：我们有一个变量message，记录一段文字：比如Hello World我们可以有三种实现思路：思路一的实现：模板语法5.实现思路二：method

在真实开发中，我们往往会从服务器拿到一组数据，并且需要对其进行渲染。这个时候我们可以使用v-for来完成；v-for类似于JavaScript的for循环，可以用于遍历一组数据；

我们在前面练习Vue的过程中，有些代码片段是需要经常写的，我们再VSCode中我们可以生成一个代码片段，方便我们快速生成。VSCode中的代码片段有固定的格式，所以我们一般会借助于一个在线工具来完成。具体的步骤如下：React的开发模式：Vue也支持jsx的开发模式（后续有时间也会讲到）：所以，对于学习Vue来说，学习模板语法是非常重要的。如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache”语法 (双大括号) 的文本插值。另外这种用法是错误的：二、常见的基本指令1

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式 JavaScript框架。什么是渐进式框架呢？