前端vue ts
TypeScript
安装ts
第一个ts代码
vscode自动编译
类型注解
接口interface
类class
基本数据类型
数组 元组
enum 枚举
any
void
函数
vue3 快速上手
Composition API
练习
cloudflare crud
vue-router
Axios
project
Vue3+Element-Plus 实现点击左侧菜单时显示不同内容组件展示在Main区域功能
h5 css
文档声明和字符编码
div和span
列表
图片标签
表格
表单标签
本文档使用 MrDoc 发布
-
+
首页
vue-router
``` npm install vue-router@next //install router ``` 创建 router 文件夹 创建index.ts ``` //index.ts import { createRouter, createWebHistory } from 'vue-router' import Home from "../views/Home.vue" //导入vue import User from "../views/User.vue" //导入vue const history = createWebHistory() //history 相当于 访问路径没有 # const router = createRouter({ history, routes: [ { path: '/' , component: Home }, { path: '/user', component: User } ] }) export default router //导出router ``` 修改 main.ts ``` mport { createApp } from 'vue' import router from './router' //导入 router createApp(App).use(router).mount('#app') //使用router 组件 ``` 修改 APP.vue ``` <template> <div> <router-link to="/">首页</router-link> <router-link to="/user">用户</router-link> <router-view></router-view> </div> </template> <script setup lang="ts"> </script> ```
admin
2023年3月19日 04:02
转发文档
收藏文档
上一篇
下一篇
手机扫码
复制链接
手机扫一扫转发分享
复制链接
Markdown文件
分享
链接
类型
密码
更新密码