第三十一篇:vue3和vue2的不同

好家伙

1.为什么会有vue3?

Vue2和Vue3的区别 - 简书 (jianshu.com)

貌似是因为他的对手太优秀,所以他也必须进步

2.什么是api?

从文件操作开始谈API。

以C语言为例，我们使用fopen()函数可以打开一个文件，感觉非常简单。文件保存在硬盘上，要经过复杂的处理才能显示，

这些细节对我们来说是透明的，由操作系统完成。也就是说，我们调用fopen()函数来通知操作系统，让操作系统打开一个文件。

那么，我们如何告诉操作系统打开文件呢？

看似简单的操作到底层都非常复杂，打开文件首先要扫描硬盘，找到文件的位置，然后从文件中读取一部分数据，将数据放进I/O缓冲区，放进内存；

这些数据都是0、1序列，还要对照ASCII表或Unicode表”翻译“成字符，再在显示器上显示出来。这个过程如果要让程序员来完成，那简直是噩梦！

怎么办呢？操作系统想了一个很好的办法，它预先把这些复杂的操作写在一个函数里面，编译成一个组件（一般是动态链接库），随操作系统一起发布，并配上说明文档，

程序员只需要简单地调用这些函数就可以完成复杂的工作，让编程变得简单有趣。这些封装好的函数，就叫做API(Application Programming Interface)，即应用程序编程接口。

说得更加通俗易懂一些，别人写好的代码，或者编译好的程序，提供给你使用，就叫做API。你使用了别人代码（或者程序）中的某个函数、类、对象，就叫做使用了某个API。

操作系统 API。

3.算法和函数的区别?

算法可以理解成完成某个功能的思路

函数可能只是算法的一部分

一手比喻:跟写作文差不多， 算法就是文章总结，思路大纲，函数就是具体的情节文章细节内容；

(好家伙,我以前还以为这大概是一样的东西.)

 4.vue2和vue3的区别:

先是关于data

这里就是Vue2与Vue3 最大的区别 — Vue2使用选项类型API（Options API）对比Vue3合成型API（Composition API）

旧的选项型API在代码里分割了不同的属性（properties）：data，computed属性，methods，等等。

新的合成型API能让我们用方法（function）来分割，相比于旧的API使用属性来分组，这样代码会更加简便和整洁。

(看不太懂)

在vue2里

export default {
  props: {
    title: String
  },
  data () {
    return {
      username: '',
      password: ''
    }
  }
}

如果是vue3返回数值的话,要多加点东西

1. 从vue引入reactive
2. 使用reactive()方法来声名我们的数据为反应性数据
3. 使用setup()方法来返回我们的反应性数据，从而我们的template可以获取这些反应性数据

变成这样

import { reactive } from 'vue'

export default {
  props: {
    title: String
  },
  setup () {
    const state = reactive({
      username: '',
      password: ''
    })

    return { state }
  }
}

这里构造的反应性数据就可以被template使用，可以通过state.username和state.password获得数据的值。==>试过了还没行,明天再试试.