01.VUE3-创建工程、语法、常用库

一、NodeJS安装

1.安装nodejs

官网:https://nodejs.org/zh-cn

2.查看环境


二、VUE3工程创建

1.官网

https://cn.vuejs.org/

2.根据文档创建工程

https://cn.vuejs.org/guide/quick-start.html

npm create vue@latest


3.VS Code打开项目



4.安装插件



关闭重新打开VS Code

5.打开终端,输入npm i 安装依赖



6.主文件


7.启动服务



8.主入口TS和VUE文件内容




三、语法

1.循环

有唯一ID使用唯一ID

没有唯一ID使用index

2.数据绑定

3.判断

4.显示、隐藏

5.事件

6.数据双向绑定

7.多重解构,结构data.content命名为title

8.断言

四、常用库

1.网络组件

控制台安装

引用

使用

2.路由

控制台安装

建立文件夹

编写路由

使用路由

内容展示


(1)