vue怎样把这两个组件同时显示出来?

国猪
  • 758

我想让这两个子组件都显示在div1里面 这样写不行 只能写一个 同时写两个就会报错 应该怎么办呢?

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <script src="vue.js"></script>
   <script type="text/javascript">
      window.onload=function(){
         var cml={
             template:'#cml',
         }
         var contents={
                template:"#content",
         }
         new Vue({
               el:'#div1',
               components:{
                  'cml':cml,
                  'content':content
               },
         })
      }
   </script>
</head>
<body>
<template id="cml">
   <div>
       .......
   </div>
</template>

<template id="content">
  <div>
       ........
  </div>
</template>

<div id="div1">
    <cml></cml>
    <content></content>
</div>
</body>
</html>
回复
阅读 3.5k
1 个回答

content 这个是关键词,还请改一个名字
还有 注册组件那块 content 还少写了一个s

 components:{
                  'cml':cml,
                  'content':contents
               },
宣传栏