VUE第1篇 - 开篇、综合

白用 + 尽心教会之亡我之心不死之官方文档
https://cn.vuejs.org/api/application.html

项目快速起步

1）建立项目骨架

https://cn.vuejs.org/guide/quick-start.html#with-build-tools

> npm init vue@latest
> cd <your-project-name>
> npm install
> npm run dev

2）安装依赖
https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart

# 安装vant
> npm i vant

# 按需引入组件支持
> npm i unplugin-vue-components -D

一切正常的话，将配置好以下两个文件

1）package.json
2）vite.config.js

> npm list
可以查看已安装的项目依赖库

桌面应用适配触摸等
https://vant-ui.github.io/vant/#/zh-CN/advanced-usage#zhuo-mian-duan-gua-pei

# 安装模块
npm i @vant/touch-emulator -S
// 应用程序引入模块后自动生效
import '@vant/touch-emulator';

开发环境配置

安装nodejs 15+

https://github.com/nodesource/distributions

直接创建项目、安装vue
npm init vue@latest
完成项目配置
为项目安装依赖

cd <your-project-name>
npm install

测试或发布

npm run dev
npm run build

初级内容

https://cn.vuejs.org/guide/essentials/application.html

1）两大核心功能

Declarative Rendering: Vue extends standard HTML with a template syntax that allows us to declaratively describe HTML output based on JavaScript state.

Reactivity: Vue automatically tracks JavaScript state changes and efficiently updates the DOM when changes happen.

2）Vue Dev Kit(VDK)的两种API风格

选项式Options API 实现一些标准对象，如datah()函数, methods对象，mounted()函数，来提供规定数据和服务；
组合式Composition API 利用导入相应的函数，来提供规定的数据和服务。

3）通用重要概念

无论对那种API风格都同样重要。
模板Template
响应式状态

Jungle Blog