-
VUE3-20-VUE 入门例子实战完善版本
基础版本
基础版本毕竟过于基础,实际使用还是需要引入一些常见的包。
比如 axios vuex vouter element-ui .
改进版本
文件
λ ls -a
.browserslistrc .editorconfig .env.dev .env.prod .env.test .eslintrc.js .gitignore babel.config.js ...
2021-08-02 13:01:55 |
VUE
-
VUE3-20-VUE 入门例子实战
vue-cli 安装
依赖
λ node -v
v12.16.2
λ npm -v
6.14.4
安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g @vue/cli
创建应用
创建
vue create vue-hello
生成后的目录如下:
λ ls ...
2021-08-02 13:01:55 |
VUE
-
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