大家好，我是农村程序员，独立开发者，行业观察员，前端之虎陈随易。
- 关注公众号：
陈随易，获取最新文章推送 (很多内容只在公众号发布) - 个人网站 1️⃣：https://chensuiyi.me
- 个人网站 2️⃣：https://me.yicode.tech
- 技术群，搞钱群，后端群，闲聊群，自驾群，有兴趣入群的联系我。
我会在这里分享关于 编程技术、独立开发、行业资讯，思考感悟 等内容。
所有文章都是古法手打，经过了深度思考和总结，不含 AI 添加剂，请放心食用，一起灵魂交流。
如果本文能给你提供启发或帮助，欢迎动动小手指，一键三连 (点赞、评论、转发)，给我一些支持和鼓励，谢谢。
大家好，给大家分享一个令人眼前一亮的开源项目 vue-vine，可以直接改变我们写 Vue 的方式，地址如下：
https://github.com/vue-vine/vue-vine
js
function MyComponent() {
return vine`<div>Hello World</div>`;
}
// 这也是有效的
const AnotherComponent = () => vine`<div>Hello World</div>`;以上就是新的 Vue 组件的写法，可以更加接近编程的方式来写我们的组件，也可以直接在一个文件中写多个组件互相调用。
这样的话，就不需要单独创建组件目录，在组件和页面之间频繁跳转，也不需要一次又一次地在子组件定义完 props 后，再切换到父组件文件完成后续工作。
我创建了一个项目实际体验了一下，确实比较新颖，有趣，项目结构全部可以用单个文件管理，一目了然。
感兴趣的小伙伴可以上手试试，体验一下不一样的开发方式吧。
最后给大家分享一下我的产品，VSCode 编程神器 fnMap (函数地图)，欢迎大家体验。
