vue这个代码哪里不对?

Failed to mount component: template or render function not defined.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="vue.js"></script>
</head>
<body>
  <template id="test">
    <div>
       aaaa<slot name="age"></slot>
    </div>
  </template>

  <div id="app">
    <show>
       <span slot="age">{{age}}</span>
    </show>
  </div>
  <script>
  var user={
      template:"#test",
  }
  new Vue({
    el:"#app",
    data:{
       age:22
    },
    components:{
      "show":test,
    },
  })
  </script>
</body>
</html>
阅读 1.8k
2 个回答

组件基础 -- Vue.js

看起来你并没有注册组件,或者说

components: {
    "show": test,
}

这里的 test 并不是一个有效的组件对象。

一个页面所有的html都应该写到template里你上面那个div都写到外面去了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题