0
我在rails上使用ruby作爲框架和vue.js來顯示de數據和API的請求我使用的是axios。我的第二個視圖請求沒有顯示任何內容
首先我創建的項目有:
rails new myapp --webpack=vue
創建在軌一個文件夾:
app/javascript
└── packs
├── app.vue
└── hello_vue.js
app.vue:
<template>
<div id="app">
<ul v-for="result in results">
<li>{{result.name}}</li>
</ul>
<!-- <p>{{ results.name}}</p> -->
</div>
</template>
<script>
export default {
data: {
results: []
},
mounted(){
axios.get("xxxxx")
.then(response => {
this.results = response.data
})
}
}
</script>
hello_vue.js:
import Vue from 'vue'
import App from './app.vue'
document.addEventListener('DOMContentLoaded',() => {
document.body.appendChild(document.createElement('hello'))
const app = new Vue(App).$mount('hello')
console.log(app)
})
,讓我插入像的意見信息:
<%= javascript_pack_tag 'hello_vue' %>
和作品顯示它的信息。
但是,當我試圖讓新的文件這樣一個新的文件夾:
app/javascript
└── datos
├── app2.vue
└── hello2_vue.js
APP 2:
<template>
<div id="app2">
<ul v-for="result in results">
<li>{{result.name}}</li>
</ul>
</div>
</template>
<script>
export default {
data: {
results: []
},
mounted(){
axios.get("xxxxxxxxxxxx")
.then(response => {
this.results = response.data
})
}
}
</script>
hello2:
import Vue from 'vue'
import App2 from './app2.vue'
document.addEventListener('DOMContentLoaded',() => {
document.body.appendChild(document.createElement('hello2'))
const app2 = new Vue(App2).$mount('hello2')
console.log(app2)
})
並將其加載的文件:
<%= javascript_datos_tag 'hello2_vue' %>
它表明這個錯誤:
undefined method `javascript_datos_tag' for #<#<Class:0x0055a86f9b0218>:0x007fd3cf6d9958>
Did you mean? javascript_cdata_section
javascript_tag
javascript_pack_tag
'javascript_datos_tag',你爲什麼要用它?我從來沒有聽說過它。 'javascript_pack_tag'不是來自packs-folder-name的'動態'。 –
我嘗試在包文件夾中包含新文件,但它不起作用,如果我製作這些文件的副本,例如:app2和hello2_vue –