创建新项目文件夹
在终端里
安装Vue脚手架:
npm install -g @vue/cli
1创建文件夹
vue create my-project
选择3x
Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
使用历史模式的路由器?(需要为生产中的索引回退设置适当的服务器)(Y/n)
不选历史模式 n
下载
npm i vue-router
提交文件
git add .
git commit -m "注释"
给项目添加 touter
vue add router
运行项目
npm run serve
会出现router 文件夹
在里面 修改网页的样式
在index.js中 修改
{
path: '/login',
name: '登陆',
component: () => import('../views/login.vue')
}
并在网页样式中添加
<router-link to="/login" >登陆</router-link>
运行项目
npm run serve
效果 点击 登陆跳转 到 另一个页面