BoostrapVuejs首先先对要画的网页进行一个原型设计，由于是公司的主页，因此最主要的功能就是介绍这个公司的业务还有一些新闻，在初步设计后，我的原型图大致为接着就可以开始尝试用boostrap 教程 和Vuejs来实现1首先我们在 中先引入boostrap和Vue js，其中顺序不要变2 顶端文字跑。

下面是一些建议的步骤1 使用Vue框架进行前端开发Vue是一种流行的JavaScript框架，可以帮助你构建交互式的用户界面你可以使用Vue的组件化架构来构建各个页面和功能模块2 收集题目和音频资源为了进行普通话水平测试，你需要收集适当的题目和相关的音频资源可以通过与相关领域的专家合作，或者从公开。

Vuejs是一套构建用户界面的渐进式框架，Vue 采用自下向上增量开发的设计，其核心库只关注视图层，易于上手，同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用1MVVM即model，view，viewmodel，它是数据驱动模式，即所有的一切通过操作数据来进行，而尽量避免操作dom树2。

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

vueadmintemplate 是一个基于 Vuejs 的后台管理模板，它可以帮助你快速搭建一个后台管理系统关于导航栏的设计，你可以通过修改导航栏组件的 mode 属性来实现你可以将 mode 属性设置为 quothorizontalquot 这样导航栏就会以水平方式显示如果你想要在顶部显示一个 header，在顶栏中显示项目标题和用户信息。

我建议选择avalonjs vuevuejs 文档比较齐全，vue吸取了angularjs 的一些优点，规避了一些缺点，至少编码规范上有了一个质的飞跃，学习上手的周期比较短vue起初只是一个轻量级的类库，用来做类似于react的事情，同时vue也是可以拿来做前端架构设计的，比如vueify + vuerouterspa框架。