使用单个vue页面编写vue插件,在template里面使用template做循环,但是webpack编译后,不能执行

发布于 2022-09-03 09:27:38 字数 1508 浏览 22 评论 0

我使用单个vue文件,在<template>里面使用<template v-for="key in array">,在webpack编译后,运行没有显示内容。


<style>
.display{
  width:300px;
  height:30px;
  background-color:#d5d5d5;
  text-align:center;
}
</style>
<template>
<template v-for="key in array">
<div class="display">{{key}}</div>
</template>
</template>
<script>
export default{
  data:function(){
    return {
        array:[1,2,3,4,5,6]
    };
  }
}
</script>
webpack.config.js配置
module:{
        loaders: [
          {test: /\.vue$/, loader: 'vue' }]
},
vue: { // vue的配置
        loaders: {
          js: 'babel',
          css: ExtractTextPlugin.extract('vue-style-loader', 'css-loader')
        }
    },
package.json配置
"devDependencies": {
    "babel-core": "^6.11.4",
    "babel-loader": "^6.2.4",
    "babel-plugin-transform-runtime": "^6.12.0",
    "babel-preset-es2015": "^6.9.0",
    "babel-runtime": "^6.11.6",
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.9.0",
    "glob": "^7.0.5",
    "html-webpack-plugin": "^2.22.0",
    "style-loader": "^0.13.1",
    "url-loader": "^0.5.7",
    "vue": "^1.0.26",
    "vue-hot-reload-api": "^1.3.3",
    "vue-html-loader": "^1.2.3",
    "vue-loader": "^8.5.3",
    "vue-style-loader": "^1.0.0",
    "webpack": "^1.13.1",
    "webpack-dev-server": "^1.14.1"
  }

报这个错TypeError: factory.call is not a function

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文