slot 通过标签把内容传递到模板
效果:
slot是标签的内容拓展
通过标签把内容传递到模板
名称:pen 数量:20
名称:car 数量:1
代码:
<h1>slot是标签的内容拓展</h1> <p>通过标签把内容传递到模板</p> <div id="app"> <goods v-for="aaa in goods"> <span slot="name">{{ aaa.name }}</span> <span slot="num">{{ aaa.num }}</span> </goods> </div> <template id="demo"> <p> 名称:<slot name="name"></slot> 数量:<slot name="num"></slot> </p> </template> <script> goods={ template:"#demo" }; var vm=new Vue({ el:"#app", data:{ goods:[ {name:"pen",num:20}, {name:"car",num:1} ] }, components:{ "goods":goods } }); </script>
其它:vue中可用的ajax库:vue-resource
vue中可用的css动画样式库:animate.css