销售型企业网站,wordpress 窗口,江苏做网站公司排名,h5页面制作软件官网#xff01;#xff01;#xff01;首先声明#xff0c;官网很重要。其次#xff0c;不知道为啥#xff0c;我不会安装时看不懂官网#xff0c;会了之后就能看懂了。 官网地址#xff1a;https://router.vuejs.org/zh/guide/
1.npm安装 npm install vue-router4 官方貌…首先声明官网很重要。其次不知道为啥我不会安装时看不懂官网会了之后就能看懂了。 官网地址https://router.vuejs.org/zh/guide/
1.npm安装 npm install vue-router4 官方貌似没有ts的安装教程,不过ts兼容js所以不影响。
2.配置
1.这是官方给的懂的都懂不懂的目前不需要懂官网复制下来就行
2.我的配置 在src里建一个router文件夹里面建一个index.ts,将官网复制的粘贴上去 我这里是自己的项目所以俩个vue文件名和官网不一样你可以按照官网的文件名建两个vue文件里面分别写上一些能区分是哪个vue文件的简单内容。
3.导入
1.在App.vue里写入router-view。 也可以以是RouterView因为组件的名字可以是 PascalCase 风格或 kebab-case 风格的。 RouterView组件可以使 Vue Router 知道你想要在哪里渲染当前 URL 路径对应的路由组件。
2.在main.ts里导入以及使用。
4.测试
npm run dev运行后关注游览器的地址栏,此时是第一个页面手动填入path我的话是填入/index,官网的话是/about,跳转到第二个界面。说明安装成功了。
