由于Vue是前端框架，它的主要目标是构建富交互的用户界面，与浏览器环境紧密相关，因此无法直接使用Nodejs核心模块中的fs模块拓展Vue框架的设计初衷是构建单页面应用SPA，它的核心是Vue实例组件和数据驱动的视图渲染。

完全可以1另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用，实现PC端单页式的前端开发2PC端网站在不需要优先考虑SEO和首屏渲染时间时，单页式在用户体验和开发体验开发效率。

vue开发的页面和浏览器检查的一样vue特点有如下几点1轻量级框架只关注视图层，是一个构建数据的视图集合，大小只有几十kbVuejs通过简洁的API提供高效的数据绑定和灵活的组件系统2简单易学国人开发，中文文档，不存在。

最近接到一个需求是关于设备说明书多级目录展示Vue 对于我这种小白来说还是有些困难还是抱着试一试的心态去实践还是先看看效果图吧这里配置了两个页面，一个是单页面的目录展示，和设备详情的展示页面还有一个是。

我们使用vuecli打包出来的vue页面，只有一个html不错这确实是spa牛逼的地方但是对于seo来说，这也是一个致命缺陷那就是，完全没法seo这货连个实体页面都没有那就很难受了此时我们需要借助插件prerenderspa。

1数据绑定vue会根据对应的元素，进行设置元素数据，通过输入框，以及get获取数据等多种方式进行数据的实时绑定，进行网页及应用的数据渲染 2组件式开发通过vue的模块封装，它可以将一个web开发中设计的各种模块进行拆分。

即对应的不同的层，我简单的写了一下DOM结构，大概就是这样那么用vuejs实现上述的效果，其实也有两种途径，一种使用vuerouter，vuerouter是vuejs的一个路由组件，在单页面应用中非常非常流行，如果切换的层数据量。

手机端页面开发，使用vue，UI框架用vant，设计稿是750px，单位用rem vant是按照375px设计稿开发，为单位的，如果配置根字体大小为375，设计稿就无法还原，配置75，vant组件就变小了很是苦恼，经过一番搜索，按照如下配置。

下面是一个简单的 Vue 示例代码，用于实现输入两个数并求偶数和的功能，并将结果输出到页面上HTML 代码html复制代码 起始数值 结束数值 计算。