[问题] django and vuejs

楼主: kiloxx (名器)   2019-05-02 20:42:39
大家好,
我根据下面连结的文章,建立的django backend 跟 vue frontend
http://bit.ly/2UY1Odz
我在backend的app.html写以下block
<div class="container mt-3">
<div id="app">
<app :data="data_to_render"></app>
</div>
</div>
然后在frontend 的main.js写
import App from "App.vue"
new Vue({
el: "#app",
components: {
app:App,
},
data: function () {
return data_to_render
},
});
可以成功的render到backend app.html上
但是问题是,我不想写在main.js里面
我想把上面写在frontend main.js里面的内容,
改写到backend的app.js里面
{% block javascript %}
{% render_bundle 'app' %}
<script src="{% static 'backend/app.js' %}"></script>
{% endblock %}
我试着把一样在main.js的code砍掉,改贴过去app.js但是没有用
脑中也没有好的关键字,google不到答案
我要怎么写修改main.js,
我才可以把我上面main.js写的内容,改放到app.js里面?
谢谢!!
//
作者: sa0124 ((恩恩))   2019-05-02 23:54:00
要在server side nue vue!? 我以为这要后端也在js环境才可以办到*new vue 字打错了
楼主: kiloxx (名器)   2019-05-03 00:26:00
我在backend也有加vuejs的CDN
作者: hsuallan (極悪でしたの魔王)   2019-05-03 01:18:00
后端渲染的话应该是ssr吧 vue可用nuxt.js来做
楼主: kiloxx (名器)   2019-05-03 13:47:00
乱google后,好像要用npm build然后拿dist/js/app.js来用.
作者: windclara (null)   2019-05-04 21:57:00
https://zhuanlan.zhihu.com/p/25080236 我当初用这篇现成的模板有试做成功且顺利部署到Heroku。看你要不要直接用这个来做其实这样规画就算是前后端分离了,配合DRF效果更佳

Links booklink

Contact Us: admin [ a t ] ucptt.com