技术分享 | 测试者平台开发-前端开发之Vue.js 框架

本文节选自里德格沃兹次测试医学院内部教科书

Vue.js 是一套用于构建图形所谓的渐进式边基本概念，在现有的外侧开放日中都来得风靡的外侧边基本概念。

Vue 被设计成自底向上的向上应用。Vue 的本体库只关注配置文件层，不仅易于上手，还便于与第三方库或已有重大项目整合。但是学习 Vue.js 并不需要一定的 HTML、CSS、和 JavaScript 基础，所以本章节将不对这些基础内容进行讲解。

Vue的接口所谓开发计划

介绍

现有的外侧开发计划中都接口所谓开发计划成为了潮流，而所谓的接口所谓开发计划就是把关键词拆分为多个接口，最后将每一个接口进行罗列，形成我们看到的页面。

例如：百度的首页，可以简单的划分以下图中都的四个接口

先将这四块的接口开发计划顺利完成之后，日后将这些接口组装成一个值得注意的关键词。

接口开发计划的不同之处

在维护页面时，不并不需要在一个大的关键词中都去修改，而是去相关联的接口中都去修改数据。 接口的资源是独立的，可以提高每个组件的重用性。比如右图的搜素边框，在首页用到到了，在其他的地方也要用到同样的搜索边框，就可以才将的将接口拿悄悄如此一来用。 接口之间可以相互链表。

生态环境介绍和立即

编译器

这里选用的是 vscode，其他编译器也可，vscode 下载地址：。

vscode JavaScript的选择：

JavaScript (ES6) code snippets：包含 VSCode 的 ES6 句法中都的 JavaScript 代码段。 Vetur：VSCode 反对 VUE 的工具，有句法高亮、格式所谓、错误检查和、基本功能顺利完成等系统。 （破例）Auto Close Tag：基本功能添加 HTML/XML 结束ID。 （破例）Auto Rename Tag：基本功能重新命名相关联的 HTML/XML ID。 Highlight Matching Tag：凸显显示匹配的开始和结束ID。

这些只是破例并不需要用到的JavaScript，可以根据自己的嗜好进行选择，其他的JavaScript也可以。

接口库

随着 Vue 的风靡，其他美国公司也形成了自己独有的接口库，比如 ElementUI、BootstrapVue、Vuetify，这些接口可都是可以拿来如此一来用到的，这里凸显出了 Vue 接口所谓开发计划的优势。

ElementUI：#/ BootstrapVue： Vuetify：

这里主要用到的接口库是 vuetify。

比如重大项目中都并不需要一个按钮时，就可以到对用的接口前面找到它，将代码拿出来才会，上面有各式各样音乐风格的接口：

Vue.js装设

1、通过下载 Vue.js 包

用到 ID进行引进， Vue 就会被注册为函数调用。

2、网络服务引用

指定一个明确的发行版进行用到

这是一个更为小的构建，可以带来比开发计划生态环境下更为快的更快感受，但是在用 Vue 构建大型应用时破例用到 NPM 装设。NPM 能很好地和诸如 webpack 或 Browserify 组件打包器配合用到。同时 Vue 也透过水电工具来开发计划单文件接口。

npm装设Vue

生态环境立即：本次用到的 node 和 npm 的发行版是

C:Users16478>node -v

v12.15.0

C:Users16478>npm -v

6.13.4

装设立即

npm install -g @vue/cli

C:Users16478>vue --version

@vue/cli 4.5.12

大家先把生态环境装设好，有的生态环境后，下一篇我们接着说Vue.js边基本概念的用到哦~

⬇️ 拷贝“右侧链接”，提升次测试本体潜力！

>>更为多技术文章分享和免费资料领取 欢迎+V~ ceshiren001

_id=qrcodePricefrom=souhuPricetimestamp=1651108554

湖北男科医院挂号咨询
贵阳甲状腺医院哪家好
青岛看癫痫去哪家医院好
成都市甲亢医院
重庆白癜风专科医院哪家好