PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] 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效果更佳
繼續閱讀
[問題] MYSQL 是否能知道已被select
pcmanxyz
[問題] 陣列元素閃線
Bruce003
[問題] 配合three.js的建模軟體選擇
a700evolve
[家教] 徵人解決網頁問題
qqamy0329
[問題] 如何設定display讓物件垂直並列
ccchiccchi
[請益] WordPress 修改 Action Bar
girl5566
[問題] 痞客邦主題顏色
howwulao
[請益] 能快速建立網站的方法
patrick4126
[請益]讓 圖片自動調整大小位置的問題
energizer
[閒聊] 我好像過不去...
feifei210
Links
booklink
Contact Us: admin [ a t ] ucptt.com