技术资讯:Volar正式更名为Vue-Official

大家好,我是大澈!

本文约700+字,整篇阅读大约需要1分钟。

关注微信公众号:"程序员大澈",免费加入问答群,一起交流技术难题与未来!

现在关注公众号,免费送你 "前后端入行大礼包" ,包含了:前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。

1. 资讯速览

因为个人开发使用 IDEA 比较多,而 VSCode 相对用的少点了。

但就在前两天,我打开 VSCode 后,系统给我弹出来这么一个消息。

关闭消息之后,紧接着又给我自动打开一个叫 Vue-Official 的插件主页。当时我看到还有点懵,想着这是个啥玩意,我也没记得自己安装过呀。

于是,我打开所有插件一瞧,才发现我们Vue3旧语言工具 Volar 退了,一个更加强大的Volar升级版,Vue-Official 来了!

Volar 正式升级更名为 Vue-Official !

2. 资讯详细

不多说废话,先简单列一下我们用得到的 Vue-Official 新特性,最后做小结。

2.1 Vue-Official新特性

支持通过鼠标拖拽来导入组件,告别手动引入!

操作步骤:按住鼠标左键,把组件拖拽到想要引入的地方,VSCode 会提示按住 shift 放入编辑器中,此时我们按 shift 并放开鼠标左键,即可自动导入组件。

然后就是,全面支持 Vue 3.4 新语法特性。

例如:Vue3.4 中增加了属性同名简写的的写法,之前这么用的话,Volar 会报错,现在在 Vue-Official 中得到支持。

html 复制代码
<!-- 原写法 -->
<List :data="data" />
<!-- 新写法 -->
<List :data />

2.2 小结

Vue3旧语言工具 Volar 退了,一个更加强大的Volar升级版,Vue-Official 来了!

Volar 正式升级更名为 Vue-Official !

看到这里的朋友们,赶快去把其它Volar伴生插件卸载掉,把新版用起来吧!

结语

  • 我是大澈,一个喜欢交朋友、喜欢分享、喜欢搞钱的90后小伙。

  • 文章主分享前后端功能问题实现、次分享技术资讯、实用干货。

  • 遇到技术难题,在问答群里与众多同行朋友一起讨论成长。

关注微信公众号:"程序员大澈",免费加入问答群,一起交流技术难题与未来!

现在关注公众号,免费送你 "前后端入行大礼包" ,包含了:前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。

相关推荐
Ratten几秒前
【node 实战】---- 实现接口自动化:图片批量上传
javascript
复苏季风3 分钟前
v-for什么时候使用index,什么是时候用uuid当key
前端·vue.js
小高0073 分钟前
🔍Vue 隐藏神技巧:99% 开发者没用过,却能让代码简洁 50%
前端·javascript·vue.js
两个月菜鸟6 分钟前
vue+微信小程序五角星
vue.js·微信小程序·notepad++
艾小码6 分钟前
React Hooks时代:抛弃Class,拥抱函数式组件与状态管理
前端·javascript·react.js
wycode6 分钟前
Vue2实践(1)之用Vue.extend做一个函数调用的Dialog
前端·vue.js
鹏多多7 分钟前
js使用History.replaceState实现不刷新修改浏览器url
前端·javascript·浏览器
AliciaIr8 分钟前
深入理解CSS居中:面试必备的布局技巧与底层原理(下)
前端·css
晴空雨8 分钟前
关于箭头函数和 ES6 的继承与 ES5 组合寄生式继承的区别
javascript
今禾10 分钟前
JavaScript 响应式系统深度解析:从 `Object.defineProperty` 到 `Proxy` 的演进与优化
前端·javascript·面试