yezigege
V2EX  ›  Vue.js

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

  •  
  •   yezigege · Apr 2, 2019 · 3688 views
    This topic created in 2619 days ago, the information mentioned may be changed or developed.

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

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

    求大佬指点迷津!

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