怎么看vue是2.0还是3.0（查看vue版本的命令）

本篇文章给大家谈谈怎么看vue是2.0还是3.0，以及查看vue版本的命令对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、记录一下vue3.0与2.0简单使用上的区别
• 2、vue脚手架2.0和3.0创建项目的区别？
• 3、vue2.0和3.0区别
• 4、Vue2.0与Vue3.0区别总结

记录一下vue3.0与2.0简单使用上的区别

1、创建实例方式不同：2.0 使用构造函数new Vue的方式，将选项对象通过参数传入；3.0 使用Vue.createApp()静态方法创建。参数依然是选项多先发。2.0 使用 符。

2、定义指令、组件等方法的不同： 2.0 定义指令和组件等是通过Vue的静态方法Vue.component()或者Vue.directive()等；3.0将静态方法改为了实例的方法app.component(),app.directive().

3、生命周期不同：2.0生命周期3个阶段:

5、v-model不同：

6、异步组件的一些对象参数发生变化

7、自定义指令不同

2.0 指令的钩子函数：

vue脚手架2.0和3.0创建项目的区别？

一、生成项目命令

安装3.x版本的Vue脚手架： npm install -g @vue/cli ,创建Vue项目命令： vue create 项目名称 或基于ui界面创建Vue项目,命令： vue ui

基于2.x的旧模板，创建Vue项目 npm install -g @vue/cli-init , vue init webpack 项目名称

二、目录的区别

3.0版本根目录新增了 babel.config.js和.browserslistrc public文件夹

src文件夹中多了views文件夹，相比2.0，在index.js变为了router.js

2.0版本相比3.0版本 有build和config文件夹等，src文件夹中有router文件夹，里面有index.js

vue2.0和3.0区别

项目目录不同

1、vue-cli3.o移除了config.文件夹。

2、多了vue.config.js文件。

3、新增了一个views文件夹。

4、删除了static新增了public文件夹。

5、index.html移动到public了。

配置项不同

1、vue-cli2.0的域名配置，分为开发环境和生产环境。

2、所以配置域名时，需要在config中的dev.env.js和。

3、prod.env.js中分别配置3.0 config.文件已经被移除。

4、但是多了。env.production和env.development文件。

5、除了文件位置，实际配置起来和2.没什么不同。

创建项目的方式不一样

1、vue-cli2.0，vue init webpack项目名。

2、vue-cli3.0 vue create项目名。

Vue2.0与Vue3.0区别总结

vue3.0 使用 组合式api ,使用的地方在setup回调函数中，这个回调函数是创建组件之前执行，由于在执行 setup 时尚未创建组件实例，因此在 setup 选项中没有 this。 这意味着，除了 props 之外，你将无法访问组件中声明的任何属性——本地状态、计算属性或方法。

在了解组件通信之前，我们先要深入了解setup，render方法,this,。

关于怎么看vue是2.0还是3.0和查看vue版本的命令的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。