作者kiloxx (名器)
看板Web_Design
标题[问题] django and vuejs
时间Thu May 2 20:42:39 2019
大家好,
我根据下面连结的文章,建立的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里面?
谢谢!!
//--- 目前的解法
用下面的package打包我的components到dist/static/js/app.js
https://github.com/team-innovation/vue-sfc-rollup
然後用django setting STATICFILES_DIR连过去
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 220.137.95.239
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1556800962.A.B83.html
1F:推 sa0124: 要在server side nue vue!? 我以为这要後端也在js环境才可 05/02 23:54
2F:→ sa0124: 以办到 05/02 23:54
3F:推 sa0124: *new vue 字打错了 05/03 00:05
4F:→ kiloxx: 我在backend也有加vuejs的CDN 05/03 00:26
5F:→ hsuallan: 後端渲染的话应该是ssr吧 vue可用nuxt.js来做 05/03 01:18
6F:→ kiloxx: 乱google後,好像要用npm build然後拿dist/js/app.js来用. 05/03 13:47
※ 编辑: kiloxx (220.137.95.239), 05/04/2019 01:17:36
8F:→ windclara: 现成的模板有试做成功且顺利部署到Heroku。看你要不要 05/04 21:57
9F:→ windclara: 直接用这个来做 05/04 21:57
10F:→ windclara: 其实这样规画就算是前後端分离了,配合DRF效果更佳 05/04 21:59