美文网首页
VUE学习之路四 创建第一个界面

VUE学习之路四 创建第一个界面

作者: 圣艾修 | 来源:发表于2019-02-13 16:42 被阅读4次

    创建Login界面


    实现步骤:

    • 步骤1:新建login/Login.vue文件
    • 步骤2:修改路由
    • 步骤3:运行项目

    详细步骤

    • 在stc下新建pages目录,并在pages下新建login/Login.vue,并在界面内写下一句话:这是手动创建的Login界面,如下图:


      1.png
    • 修改路由:
      router/index.js 中的HelloWord为Login。
    2.png
    • 在命令行使用:npm run build
    3.png
    • 粘贴控制台提示的地址到浏览器,如下图:
    4.png

    VUE学习之路四 创界第一个界面

    相关文章

      网友评论

          本文标题:VUE学习之路四 创建第一个界面

          本文链接:https://www.haomeiwen.com/subject/nopdeqtx.html