• VUE3-48-语义学
  表单 当创建一个表单，你可能使用到以下几个元素：<form>、<label>、<input>、<textarea> 和 <button>。 标签通常放置在表单字段的顶部或左侧： <form action="/dataCollectionLocation" method="post" autocomplete="on"&g...
  2021-08-02 13:01:55 | VUE
• VUE3-47-无障碍访问基础
  基础 Web 可访问性 (也称为 a11y) 是指创建可供任何人使用的网站的实践方式——无论是身患某种障碍、通过慢速的网络连接访问、使用老旧或损坏的硬件，还是仅仅是处于不利环境中的人。例如，在视频中添加字幕可以帮助失聪、重听或在嘈杂的环境中听不到手机的用户。同样，请确保文字对比度不要太低，这对低视力用户和那些试图在强光下使用手机的用户都有帮助。 你是否已经准备开始却又无从下手？ 可以先...
  2021-08-02 13:01:55 | VUE
• VUE3-46-服务端渲染
  SSR 完全指南 我们创建了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue、webpack 和 Node.js 开发的开发者阅读。 请移步 ssr.vuejs.org Nuxt.js 从头搭建一个服务端渲染的应用是相当复杂的。幸运的是，我们有一个优秀的社区项目 Nuxt.js 让这一切变得非常简单。Nuxt 是一个基于 Vue 生态的更高层的框架...
  2021-08-02 13:01:55 | VUE
• VUE3-45-状态管理
  类 Flux 状态管理的官方实现 由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。 为了解决这个问题，Vue 提供 vuex：我们有受到 Elm 启发的状态管理库。 vuex 甚至集成到 vue-devtools，无需配置即可进行时光旅行调试 (time travel debugging)。 React 的开发者请参考以下信息 如果你是来自 React...
  2021-08-02 13:01:55 | VUE
• VUE3-44-路由
  官方 Router 对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。 更多细节可以移步 vue-router 文档 从零开始简单的路由 如果你只需要非常简单的路由而不想引入一个功能完整的路由库，可以像这样动态渲染一个页面级的组件： const NotFoundComponent = { template: '<p>Page not found<...
  2021-08-02 13:01:55 | VUE
• VUE3-43-Mobile 移动端
  介绍 虽然 Vue.js 本身并不支持移动应用开发，但是有很多解决方案可以用 Vue.js 创建原生 iOS 和 Android 应用。 混合应用开发 Capacitor Capacitor 是一个来自 Ionic Team 的项目，通过提供跨多个平台运行的 API，开发者可以使用单个代码库构建原生 iOS、Android 和 PWA 应用。 资源 Capacitor + Vue...
  2021-08-02 13:01:55 | VUE
• VUE3-42-TypeScript 支持
  NPM 包中的官方声明 随着应用的增长，静态类型系统可以帮助防止许多潜在的运行时错误，这就是为什么 Vue 3 是用 TypeScript 编写的。 这意味着在 Vue 中使用 TypeScript 不需要任何其他工具——它具有一流的公民支持。 推荐配置 // tsconfig.json { "compilerOptions": { "target": "esnext",...
  2021-08-02 13:01:55 | VUE
• VUE3-41-测试
  介绍 当构建可靠的应用时，测试在个人或团队构建新特性、重构代码、修复 bug 等工作中扮演了关键的角色。尽管测试的流派有很多，它们在 web 应用这个领域里主要有三大类： 单元测试 组件测试 端到端 (E2E，end-to-end) 测试 本章节致力于引导大家了解测试的生态系统的并为 Vue 应用或组件库选择适合的工具。 ...
  2021-08-02 13:01:55 | VUE