vue3.0和vue2.0的区别
1设置成接受懒仔细观察(lazyobservation)。
在2.x版本里,不论数据多大,都会在一又开始就或为创建观察者。当数据太大时,这可能会在页面虚拟光盘时倒致明显的性能压力。3.x版本,只会对「被主要是用于颜色渲染初始而且部分的数据」创建战队观察者,而且3.x的观察者更高效率。
2更精准的变更通知。
比例来说:2.x版本中,使用来给对象新增审批一个属性时,这个对象的所有watcher都会新的启动;3.x版本中,只有一依恋那个属性的watcher才会原先运行。
3.0新参加了typescript在内pwa的支持
3部分命令再一次发生了变化:
直接下载直接安装npminstall-g
删掉了vuelist
创建项目vuecreate
启动项目npmmoveserve
4默认项目目录结构也发生了什么了变化:
移除开配置文件目录,config和build文件夹
移除此之外static文件夹,新增审批employee文件夹,并且移动到public中
在src文件夹中新增了views文件夹,主要用于具体分类视图组件和bec组件
大家象都用脚手架,.例如vue-cli,他已经将webpack标准封装完了。在不好算开发当中我们一般很少去如何修改webpack相关的配置。你们在项目中会直接修改webpack查找配置吗?面试当中总是会问到webpack相关的配置?大家是要如何回答我的呢
有很有必要。不仅仅要学配置,又要明白了原理,loader,plugin如何确定能结合自已的业务自已写。可以使用webpack去系统优化项目。又要学rollup,vita这种发邮箱与webpack的不同。
安装
vuecli2
vuecli3
需要注意的是要是我希望按装vue-cli3,而环境里已直接安装vue-cli2,则不需要使用指令
通过卸载后,再安装好vue-cli3
使用
这里是建议使用脚手架初始化操作项目的指令,而这里的webpack指的又不是vue-cli本身,反而选择设置好的一套完整版webpack配置的模板。我个人习惯建议使用webpack-simple模板
求下载的模板列表,请访问vuejs-templates
项目
vuejs-templates
vue-cli3
在vue-cli3中不使用以上指令创建项目:
不能执行后,同样的是有配置向导一步步地指引着配置步骤,这里跟vue-cli2一致,但个人是建议使用
以图形界面的来创建项目,很更方便好用。
可以使用vue-cli脚手架配置并初始化操作项目后,无论是vue-cli2应该vue-cli3,脚手架所提供给的均为项目的配置包括依恋的库设置,按装依赖性太强库(npmi)的步骤依然必须手动启动不能执行的(vueui模式唯独,该模式创建项目后,可以在创建战队后手动上网下载依赖感库)
所以才在脚手架配置好项目后,统一执行npmi来直接安装所有感情依赖库即可解决,不要单独再去直接安装webpack