【发布时间】:2018-03-22 14:08:40
【问题描述】:
我使用这个库https://github.com/laravue/laravue, 但是当我将它运行到本地时,它会显示错误:
未捕获的 DOMException:无法执行“createElement” 'Document':提供的标签名称('{{laravue.currentview }}')不是 一个有效的名字。
这是我的 app.blade.php:
<div class="container" id="app">
<div class="content">
<component is="@{{laravue.currentView }}" v-bind:app="laravue.app" keep-alive></component>
</div>
</div>
<script defer="defer" src="/js/bundle.js"></script>
我的 App.js
var Vue = require('vue')
// Vue.use(require('vue-resource'))
// Vue.use(require('vue-validator'))
// Vue.use(requrie('vue-router'))
Vue.config.debug = true // Comment this line for production
new Vue({
el: '#app',
created: function() {
this.laravue.init.call(this, ['home']);
},
data: {
laravue: require('./laravue.coffee')
},
components: require('./components.coffee') // You can just inline them, but I recommend putting them in their own file
})
components.coffee:
module.exports =
# Custom Elements
'titles': require './components/title.coffee'
'random-quote': require './components/random-quote.coffee'
# Views
'home-view': require './views/home.coffee'
home.coffee:
module.exports =
ready: () -> require('../view-ready.coffee').call(this)
props: ['app']
template: require('./home.template.html')
这是我的 home.template.html:
<title>Laravue {{app.laravue.version }}</title>
<random-quote></random-quote>
【问题讨论】: