vue-vine，换种方式写vue

大家好，给大家分享一个令人眼前一亮的开源项目 vue-vine，可以直接改变我们写 Vue 的方式，地址如下：

function MyComponent() {
    return vine`<div>Hello World</div>`;
}

// 这也是有效的
const AnotherComponent = () => vine`<div>Hello World</div>`;

以上就是新的 Vue 组件的写法，可以更加接近编程的方式来写我们的组件，也可以直接在一个文件中写多个组件互相调用。

这样的话，就不需要单独创建组件目录，在组件和页面之间频繁跳转，也不需要一次又一次地在子组件定义完 props 后，再切换到父组件文件完成后续工作。

我创建了一个项目实际体验了一下，确实比较新颖，有趣，项目结构全部可以用单个文件管理，一目了然。

感兴趣的小伙伴可以上手试试，体验一下不一样的开发方式吧。

最后给大家分享一下我的产品，VSCode 编程神器 fnMap (函数地图)，欢迎大家体验。