代码中怎么看出使用了vue框架

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了代码中怎么看出使用了vue框架相关的知识,希望对你有一定的参考价值。

前端src下有以vue为后缀的页面,就说明前端页面使用了vue框架;3.4.2.代码中有下面这个注解,就说明java后台用了springBoot框架;@SpringBootApplication 参考技术A 前端代码生成器,简单的说:
第一步,通过接口文档获取接口的入参\出参,并将这入参\出参格式化成特定JSON
第二步,根据自己的项目,结合表格、表单组件,抽离出代码模板
第三步,通过第一二步的JSON、代码模板,生成vue、JS以及路由文件
简介
本项目采用puppeteer对接口文档网页读取,获得接口链接、入参、出参等,并记录半生成特定格式的json.
因本项目是为了配合公司的接口文档,生成公司的后台管理网站,定制化较高,所以此项目对于其他朋友来说,可做参考.如其他交流,可以联系我.
技术方案
获接口文档中接口的入参\出参,我采用爬虫框架puppeteer来获取,根据获得的入参\出参,结合代码模板,生成实际放入工程的增删改查文件,做到增删改查基本不用再码代码.同时支持审核等表格操作。
通过fs.writeFile来生成文件
说明
目前项目中只给了根据接口生成vue2+element的代码.因为代码是根据特定组件生成的.
表格、表单组件见项目中组件目录,这个需要全局引入.见components目录
另有生成vue3+typescript+ant的代码,暂未公布.
配置说明
scale的配置
```js
// 适用于scale的配置
export const config =
href: 'http://xxx.cn/',
serverName: 'AdminStoreContractService',
pages: [
filePath: 'promotionNew', // 列表\新\修页面所在路径
chunkName: 'base', // chunkName 用于路由中 require.ensure 打包参数
list: // 列表
fileName: 'pn-list', // 列表文件名字
name: '列表', // 菜单名
apiName: 'listStoreContract', // 列表接口名
exportFile: // 导出 [非必填]
apiUrl: '',
downFileName: ''

,
参考技术B 基本上是脏检查或数据劫持.那么本文就以Vue框架出发,探索作者运用Object.defineProperty来实现数据劫持的奥秘(本文所选取的相关代码源自于Vue v... '

Vue.js 这个框架怎么样评价

简单的看了一下, 这个应该不属于框架, 从组建构造上来讲 是和reactjs 类似的构造UI组件的。 从整体逻辑来讲, 他要解决的是MVVM的VM这个部分, 就是如何把应用程序的model 和 view 联系起来的这个VM(view model) 部分。众所周知, MVC这个design pattern争议大的就是这个C的部分, 所以才有各种MV* 的方案提出。
他使用起来确实比reactjs 简单方便多了。 代码也清晰。借鉴了angularjs的declarative的特点。
另外文档, 例子做的都很漂亮。 上手比较快, 这些都是很好的优点。
如果能有一些更全面的文档, 不仅显示小的例子, 还能介绍一下如何在大型的应用程序(使用比如angularjs ember这样框架开发的)中使用vue就更好了
参考技术A Vue.js与其他框架的区别:
1.与AngularJS的区别
相同点:
都支持指令:内置指令和自定义指令。
都支持过滤器:内置过滤器和自定义过滤器。
都支持双向数据绑定。
都不支持低端浏览器。
不同点:
1.AngularJS的学习成本高,比如增加了Dependency Injection特性,而Vue.js本身提供的API都比较简单、直观。
2.在性能上,AngularJS依赖对数据做脏检查,所以Watcher越多越慢。
Vue.js使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。
对于庞大的应用来说,这个优化差异还是比较明显的。
2.与React的区别
相同点:
React采用特殊的JSX语法,Vue.js在组件开发中也推崇编写.vue特殊文件格式,对文件内容都有一些约定,两者都需要编译后使用。
中心思想相同:一切都是组件,组件实例之间可以嵌套。
都提供合理的钩子函数,可以让开发者定制化地去处理需求。
都不内置列数AJAX,Route等功能到核心包,而是以插件的方式加载。
在组件开发中都支持mixins的特性。
不同点:
React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。
Vue.js在模板中提供了指令,过滤器等,可以非常方便,快捷地操作DOM。本回答被提问者采纳

以上是关于代码中怎么看出使用了vue框架的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js 这个框架怎么样评价

vue框架官网悬浮头部怎么做

Vite2+Vue3+TypeScript:搭建企业级轻量框架实践

前端框架Vue——百度地图使用

采用vue框架的网页都会有vue的图标吗

vue下一步点击语法