美文网首页
2019-04-25vue-cli项目中配置单页面路由

2019-04-25vue-cli项目中配置单页面路由

作者: Kason晨 | 来源:发表于2019-04-25 14:00 被阅读0次

    首先用vue-cli初始化项目。这里不再说了,直接说主要的。

    要构建单页面应用,首先要配置前端路由。

    1,安装路由

    npm install vue-router --save
    

    2,在main.js中导入路由插件,并且实例化

    3,写两个子组件 a 和 b .

    4,配置路由,给a,b组件配置路由。

    image.png

    5,配置首页,然后把项目跑起来。


    成功了

    相关文章

      网友评论

          本文标题:2019-04-25vue-cli项目中配置单页面路由

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