Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用vue加载程序将数据传递到渲染中的组件_Javascript_Vue.js - Fatal编程技术网

Javascript 使用vue加载程序将数据传递到渲染中的组件

Javascript 使用vue加载程序将数据传递到渲染中的组件,javascript,vue.js,Javascript,Vue.js,main.js: 从“Vue”导入Vue 从“./App.vue”导入应用程序 让vm=新Vue({ el:“.layers容器”, 渲染:h=>h(应用程序), }) //这不起作用,层未定义 console.log(vm.layers); //这也不行 推送({'name':'image2'}) 使用vue加载程序的app.vue: <template> <div> <div v-for="item in layers> <

main.js:

从“Vue”导入Vue
从“./App.vue”导入应用程序
让vm=新Vue({
el:“.layers容器”,
渲染:h=>h(应用程序),
})
//这不起作用,层未定义
console.log(vm.layers);
//这也不行
推送({'name':'image2'})
使用vue加载程序的app.vue:

<template>
<div>
    <div v-for="item in layers>
        <a :href="item.name"></a>
    </div>
</div>
</template>

<script>
export default {
  name: 'app',
  data() {
    return {
      layers: [{'name': 'image1'}]
    }
  }
}
</script>


同样,
.vue
组件实际上不会是
vue.new
的返回值,而是它的子组件<代码>虚拟机。$children[0]
。但我不确定这样做是否正确-因为当我这样做时,链接到数据的模板似乎没有更新。我也处于同样的情况,你找到答案了吗?我没有找到.vue文件的答案。IIRC,我将vue文件制作成js文件,使用原始加载程序从.html文件加载模板,并返回vue对象以便使用其方法。您可以使用“/vuething.js”中的
import*作为vuething将其加载到其他.js文件中,或者只需要()可能吧。在这篇文章所针对的项目中,这一切都被其他技术所取代,所以我不确定这是现在起作用了还是我做了一些不同的事情。经过同样的过程,
.vue
组件实际上不会是
vue.new的返回值。相反,它将是它的一个子;
vm.$children[0]
。但我不确定这样做是否正确-因为当我这样做时,链接到数据的模板似乎没有更新。我也处于同样的情况,你找到答案了吗?我没有找到.vue文件的答案。IIRC,我将vue文件制作成js文件,使用原始加载程序从.html文件加载模板,并使用返回vue对象以便使用其方法。您可以使用“/vuething.js
中的
import*作为vuething将其加载到其他.js文件中,也可以只使用require()。在这篇文章所针对的项目中,这一切都被其他技术所取代,所以我不确定这是现在起作用还是我做了一些不同的事情。