1.Vue3的变化
vue3的变化可以总结为以下几点:
• 更小:
vue2采用面向对象编程的思想,vue3则采用函数式编程的思想。
• 更快:vue3修改了虚拟dom的算法(即diff算法 - 比对虚拟dom有没有变化)
• 加强typescript支持:vue3的源码开始采用了ts进行编写,给开发者也提供了支持ts的开发模式
• Api一致性:vue3最开始的版本可以完美兼容vue2的api
• 提高可维护能力:从源码的层面上提供了更多的可维护能力。
• 开放更多底层功能:把更多的底层功能开放出来,比如render、依赖收集功能,我们可以更好的进行自定义化开发,可以写更多的高阶组件
•
2.生命周期
• 新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次
• 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用
• vue3中,生命周期是从vue中导出的,需要用到的要进行导入,setup除外
• 除setup外,其他的生命周期都是写在setup中
• setup函数是发生在beforeCreate之前的
3.生命周期
• 新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次
• 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用
• vue3中,生命周期是从vue中导出的,需要用到的要进行导入,setup除外
• 除setup外,其他的生命周期都是写在setup中
• setup函数是发生在beforeCreate之前的
4.可视化面板
• 可视化面板把安装依赖和启动,压缩,创建都放在了一起更方便了
5.Vue3打包
打包使用可视化面板打包就可以但是打包后的dist文件不可以直接启动
如果你想在本地运行的话需要使用phpstudy配置一下才可以打开
然后要记住vue3打包后接口没有数据的情况那可能是网卡了等一会就好了
6.上传服务器
上传服务器的话不会有那么多的bug但是你的样式在手机上运行的话那就可能会
不一样所以在写项目的时候就需要把样式写成弹性布局这样的话在手机上样式才不会不一样
然后还有一点就是如果你给图片加上了绝对定位的话就有可能图片在移动端不显示