Vue组件-模板

来源：互联网发布：淘宝停留时间怎么看编辑：程序博客网时间：2024/06/05 00:18

当加入标签比较多时，最好使用模板
这里写图片描述

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="js/vue1.0.js"></script></head><body><div id="example">   <my-component></my-component></div>//template只是作为一个模板，其内容真实添加于div里面<template id='aaa'>    <ul>         <li v-for='val in arr'>{{val}}</li>    </ul></template><script>   window.onload=function(){       new Vue({            el: '#example',            data:{            },            components:{                'my-component':{                    data:function(){                        return{                            arr:['apple','pear','banana']                        }                    },                    methods:{                    },                    template:'#aaa'                }            }        })    }</script></body></html>

阅读全文

0 0