Javascript 将内联模板嵌套在.vue组件内
我有一个内联模板,我已经在Laravel的BladeJavascript 将内联模板嵌套在.vue组件内,javascript,laravel,vue.js,vuejs2,vue-component,Javascript,Laravel,Vue.js,Vuejs2,Vue Component,我有一个内联模板,我已经在Laravel的Blade@include(“我的内联模板”)中使用过,它非常有效 现在,我引入了另一个vue组件,该组件由其他人开发并使用.vue文件格式。我想把我的内联模板放在.vue文件中 我想做的是下面这样的事情,它不起作用,因为您不能在.vue文件中使用@include。我有点纠结于还有什么可以尝试,或者这是否可能: main vue.js import Component from './components/Component.vue' require('
@include(“我的内联模板”)中使用过,它非常有效
现在,我引入了另一个vue组件,该组件由其他人开发并使用.vue文件格式。我想把我的内联模板放在.vue文件中
我想做的是下面这样的事情,它不起作用,因为您不能在.vue文件中使用@include
。我有点纠结于还有什么可以尝试,或者这是否可能:
main vue.js
import Component from './components/Component.vue'
require('./components/my_inline_template');
const vm = new Vue({
el: '#vue_root',
components: {
Component
}
});
Vue.component('my_inline_template', {
// blah
});
my_inline_template.js
import Component from './components/Component.vue'
require('./components/my_inline_template');
const vm = new Vue({
el: '#vue_root',
components: {
Component
}
});
Vue.component('my_inline_template', {
// blah
});
my_inline_template.blade.php
<my_inline_template inline-template>
// blah
</my_inline_template
//废话
我能够通过将组件分成几个较小的组件来解决这个问题。这样,我就可以让.vue组件和内联模板在同一个刀片视图上彼此相邻。然而,这并不是我问题的答案,所以如果有人愿意提供答案,我仍然会非常感激
我的猜测是,不能在.vue文件中嵌套使用刀片的内联模板 “我有一个内联模板,我已经在Laravel的Blade@include('my_inline_template')中使用过,效果很好。”-你能展示一下你是如何做到的吗?@riyaz ali如果你看看上面的my_inline_template.Blade.php和my_inline_template.Blade.js,如果你看到我是如何在main-vue.js中注册这个组件的,然后,只需使用@include('my_inline_template'),即可将其包含在另一个blade.php文件中。但是,正如我在这里提出的问题所述,我现在不知道如何或是否有可能在.vue文件中使用此模板。这就是我要问的……在my_inline_template.js文件中,如何添加模板?通过指向my_inline_template.blade.php的url?您可以在上面的代码中添加更多关于如何加载模板的详细信息……其工作方式是main-vue.js引入my_inline_template.js javascript。然后,main-vue.js由elixir编译并包含在网页上,如下所示:
因此,每当我在任何刀片文件中使用@include('my_inline_template'),都会将包含内联模板的刀片文件拉入。所有这些都可以在应用程序中使用刀片文件,但是(显然,.vue文件不喜欢尝试包含包含内联模板的刀片文件。