V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
JCZ2MkKb5S8ZX9pq
V2EX  ›  前端开发

刚接触 vue,求个范例。

  •  
  •   JCZ2MkKb5S8ZX9pq · 2020-05-21 19:35:28 +08:00 · 1376 次点击
    这是一个创建于 1645 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 刚接触 vue,之前写过小程序,所以上手单页面还是满简单的。
    • 现在有点卡在页面跳转管理这部分,搜了下感觉大致是 vue-router 这套东西。我大致猜测是在路径根部做一个 index 的管理入口,然后通过 router 进入不同页面。
    • 但是这部分范例大都是比较完整的工程,之前也没怎么搞过 npm,所以看上去有点复杂。然后 git 找了个几个范例,也没能成功跑起来。
    • 就像问问有没有简单一些的范例。我在弄的页面结构如下:
    - index(user list)
      - user/uid
      - user/uid2
      - ...
    
    • 其实就两个页面。首页写完了,现在卡在跳转串联的部分。其它嘛就是把 header/footer 给剥离出来。
    • 教程一点点在啃,但我是边做边 google 的类型,希望有高手点拨一下,我好先推进下去。

    另外也考虑过用户页面直接从主页走 href 过来,用户页就直接

    /user.html?id={uid}
    

    类似这样。
    但一样用了 vue,就还是想试试 vue 那套写法。毕竟这个路径看上去也有点丑。

    PS:站点是静态的,就几个展示页面。

    2 条回复    2020-05-21 20:48:43 +08:00
    hanxyan12
        1
    hanxyan12  
       2020-05-21 20:44:58 +08:00 via Android   ❤️ 1
    看 vue-router 的官方文档,按官方文档来就可以了。
    想找小例子的话,在 github 上输入关键词 vue 就有很多的,他们基本上都是用的 vue 路由。
    感觉虽然项目大小不一样,但是一般路由配置差异并不是很大,基本上都是在 main.js 和 router.js 中。我这里有个只有几个静态页的,不知道于你有没有用 https://github.com/hanxyan/haha-edu
    lmoon
        2
    lmoon  
       2020-05-21 20:48:43 +08:00 via Android   ❤️ 1
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1054 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 22:32 · PVG 06:32 · LAX 14:32 · JFK 17:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.