VUE学习之路四 创建第一个界面
2019-02-13 本文已影响4人
圣艾修
创建Login界面
实现步骤:
- 步骤1:新建login/Login.vue文件
- 步骤2:修改路由
- 步骤3:运行项目
详细步骤
-
在stc下新建pages目录,并在pages下新建login/Login.vue,并在界面内写下一句话:这是手动创建的Login界面,如下图:
1.png
- 修改路由:
router/index.js 中的HelloWord为Login。
- 在命令行使用:npm run build
- 粘贴控制台提示的地址到浏览器,如下图: