- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 152字
- 2022-07-27 18:37:45
4.7 Vue.js 3.0的新变化——取消构造函数
与Vue.js 2.x相比,Vue.js 3.0的构造函数已经发生了新变化。
在Vue.js 2.x中,使用构造函数代码如下:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P67_164924.jpg?sign=1739471373-hsact2wFYGUO459iM5E2OVOI1wCmsmB8-0-7a078c9f0a7e8745e176a1f44246b8c5)
这里新建一个构造函数Vue实例,并传入参数,然后挂载到app元素上。如果使用一些插件,可以使用Vue上的use()方法。
而在Vue.js 3.0中,不存在构造函数了,而是应用对象的createApp(),代码如下:
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P67_164925.jpg?sign=1739471373-xSWehwjIY7D7sbIuiJFj52uTGtUjdHl1-0-79973639b9c2445e2be2e58fa014c2a6)
如果使用一些插件,则用实例app上的use()方法。