vform3二次开发源码正确导入vue3项目，可以随意修改右侧自定义属性等一系列内容

vform3 源码地址：https://gitee.com/vdpadmin/variant-form3-vite.git

如何导入到vue3项目中呢？

1.package.json  里面将源码中提供的一些包在vue3中没有的，贴过去，然后将node_modules文件夹先删除 ，执行npm cache clean --force，然后执行完，在执行npm install ,这样就可以将包全部安装进去啦。

2.将vform3二次开发的文件夹都复制到你的vue3项目中，下面目录中绿色部分就是从源码中拷贝过来的

源码中src/components中文件都拷贝过来，下面没贴全

        

3.在你的vite.config.js中配置下面这句话，源码中提供，贴过来!
 

optimizeDeps: {
  include: ['@/../lib/vuedraggable/dist/vuedraggable.umd.js', 'quill']
},

4.main.js中内容配置，参考下面截图

这一步不要忘记，不然不生效的

使用vformdesigner的时候要引入哦！

这样就可以看到效果啦啦啦！开心^_^

如果哪里有写的不对的地方，欢迎批评指正，互相学习^_^