[問題] django and vuejs
大家好，
我根據下面連結的文章，建立的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://www.ptt.cc/bbs/Web_Design/M.1556800962.A.B83.html
推
05/02 23:54,
5年前
, 1F
05/02 23:54, 1F
→
05/02 23:54,
5年前
, 2F
05/02 23:54, 2F
推
05/03 00:05,
5年前
, 3F
05/03 00:05, 3F
→
05/03 00:26,
5年前
, 4F
05/03 00:26, 4F
→
05/03 01:18,
5年前
, 5F
05/03 01:18, 5F
→
05/03 13:47,
5年前
, 6F
05/03 13:47, 6F
※ 編輯: kiloxx (220.137.95.239), 05/04/2019 01:17:36
推
05/04 21:57,
5年前
, 7F
05/04 21:57, 7F
→
05/04 21:57,
5年前
, 8F
05/04 21:57, 8F
→
05/04 21:57,
5年前
, 9F
05/04 21:57, 9F
→
05/04 21:59,
5年前
, 10F
05/04 21:59, 10F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
