Vue3.x 中methods属性

193 阅读2分钟

methods属性是一个对象,通常我们会在这个对象中定义很多的方法:

这些方法可以绑定到template模板中;

在该方法中,我们可以使用this关键字来直接访问data中返回的对象的属性

这里的一些方法可以在我们的template中使用

它也可以在其它的地方使用

这里不能使用箭头函数,因为这里获取不到this关键字

image.png

这里this绑定的是什么....

这里我们还可以定义很多其他的属性,我们会在后续进行讲解:

比如props,computed,watch,emits,setup 等等

也包括很多的生命周期函数

对于Vue2.x 有一个较大的改变

Vue的源码,每一个变量是怎么执行的

了解里面原理的时候,使用这样的一个源码

在github中找到Vue3.x的代码 -> master有可能是测试阶段

我们选择稳定一点的版本,通过github clone github地址的方式下载到

自己想要存放的文件夹,尽可能通过github的方式的下载,因为里面会有校

验的过程,否则代码可能启动不起来

npm 和 yarn 是一个工具

下载node就可以了 -> node.js 绑定了

git init 创建一个本地的仓库

通过git commit -n '安装依赖' 对于依赖进行一个安装

在Vue的项目里面跑起来这样的一个项目

这里我们就可以了实现这样的一个debug的操作

image.png

进行代码的调试,对于代码进行一个映射,查看当前的源代码,进行一一对应

image.png

这里已经打包成功了,在讲解webpack课程中有这样的一个内容

我们现在可以在里面查看源码