V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yezigege
V2EX  ›  Vue.js

前端 vue.js 的脚手架是怎么使用的,纯使用脚手架如何和 django 做好前后端分离

  •  
  •   yezigege · 2019-04-02 17:36:00 +08:00 · 2906 次点击
    这是一个创建于 2048 天前的主题,其中的信息可能已经有所发展或是发生改变。

    本人正在做一个 django 写的论坛,仿造掘金网。前端使用的是 vue.js 。但是过去我用的只是 vue.js 的基本使用,就是当作 jquery 用一样,只是导入。 现在想的是如何用 vue.js 的脚手架从头到尾的去写就一个前端模版,和 django 后端进行交互。

    所以问题来了,网上只有教怎么搭建脚手架的,没有说脚手架是怎么配合后端的。更让我不明白的是,脚手架写的.vue 结尾的文件是 html, js, css 一起的文件,这玩意是怎么 build ?又是怎么和后端交互的呢?

    求大佬指点迷津!

    6 条回复    2019-04-03 14:30:13 +08:00
    tyx1703
        1
    tyx1703  
       2019-04-02 19:52:23 +08:00   ❤️ 1
    最近正好也在处理这个问题,说下我的见解
    首先,还是先建议你看完 vue-cli 的文档,不然也不会问出怎么 build 这个问题了。
    其次你用了框架,而且是刚开始写,最好是前后端分离的方式进行开发,即后端提供接口,前端调用来完成数据交互。至于你如果有 seo 的需求,那么应该再了解下服务端渲染的内容
    我接手的项目并没有前后端分离,但是由于一些原因,需要把部分页面改成用 vue 开发。我是这么做的:开发的时候采用 watch 模式,然后 djnago 将生成的 html 文件作为视图模板,开发完成之后 build 即可。不好的一点就是没有热更新了。
    tyx1703
        2
    tyx1703  
       2019-04-02 19:52:54 +08:00
    @tyx1703 djnago -> django
    AppxLite
        3
    AppxLite  
       2019-04-02 20:00:32 +08:00
    该怎么 build 就怎么 build,开发完成了 build 然后部署就行了
    izoabr
        4
    izoabr  
       2019-04-02 20:02:30 +08:00
    那个分开的,前端脚手架 build 出来的也只是一个前端库,比如一个大 js 而已。撑死了就是 render 模板需要它的时候模板里导入一下而已。把它当纯静态吧
    noe132
        5
    noe132  
       2019-04-02 20:18:46 +08:00
    建议使用 nuxt.js ,目前 vue 前端项目的最佳实践。
    参考 nuxt 文档使用 create-nuxt-app 快速搭建项目。
    没用过 webpack 可以平滑上手曲线,后期也手动修改 webpack 配置
    https://nuxtjs.org/
    yezigege
        6
    yezigege  
    OP
       2019-04-03 14:30:13 +08:00
    @noe132 这好用吗?我只有四周时间,学习加仿制,我怕来不及。哎呀,好纠结啊
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2624 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 03:18 · PVG 11:18 · LAX 19:18 · JFK 22:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.