1.vue3中template支持多个根标签
2.main.js
3. setup （取代data methods） ref
4. v-model在组件中的运用
5.新组件 Teleport
虽然，但是
在用ant-design-vue搭的架子中，如果使用了多个根标签，跳转页面之后会出现白板，重新刷新页面之后才正常显示。（也不知道是哪的问题，就。。还是用一个根标签吧。
createApp( 组件 )与new Vue( {template,render} )
setup函数返回一个对象，这个对象中包含方法和数据，生命周期钩子函数也在setup中运行，取代的是vue2中的data，methods。
ref类型的数据，是一种响应式的数据,待续
vue2组件通信
vue3使用v-model组件通信
相当于子组件中的pVisible与父组件中的isVisible双向绑定了，比vue2传统方法简化很多。
Teleport
有两个div分别是box1和box2，据经验所知，即使box1的孩子el1的z-index为10，el1的层级也没有box2高，一些情况下el1也会被box2遮住（因为即使el1的层级再高，也是在box1的层级下生存），这时候就可以用teleport组件包住el1，使其脱离box1层级的掌控,to表示重新找的爸爸
//待更新。。。
vue两个静态js获取信息操作如下。1、配置build/webpack.dev.conf.js。
2、新建db.json。
3、通过localhost：8081/api/getNewsList访问。
4、页面中获取的方式。
两者的区别是：一个是服务端语言，一个是前端框架。
1、nodejs是一个js运行于服务端的环境，是一个服务端语言；而vue是前端渲染的库，是一个前端框架。
2、Node用于方便地搭建响应速度快、易于扩展的网络应用；
3、而vue用于实现响应的数据绑定和组合的视图组件。是一套用于构建用户界面的渐进式JavaScript框架。
Node.js
是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Node.js 的包管理器 npm，是全球最大的开源库生态系统。
Vue.js
是一个构建数据驱动的 web 界面的渐进式框架。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
