zoukankan html css js c++ java

props简单小栗子

可以直接copy查看结果

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
</head>

<body>
    <div id="app1">
        <child msg="hello!"></child>
        <child nihao="hello1!"></child>
        <child nisha="hello2!"></child>
    </div>
    <script>
        Vue.config.debug = true;
        Vue.component('child', {
            // declare the props
            props: ['msg', 'nihao', 'nisha'],
            // the prop can be used inside templates, and will also
            // be set as `this.msg`
            template: '<span>{{ msg }}{{nihao}}{{nisha}}</span>',
            /*data: function() {
            return {
            msg: 'boy'
            }
            }*/
        });
        var vm = new Vue({
            el: '#app1'
        })
    </script>
</body>

</html>

查看全文

相关阅读:
LG4762 Virus synthesis
深入浅出Vue.js(一) 变化侦测
 LRU
时间复杂度 & 空间复杂度
 rem的实现原理
 瀑布流布局
 ts-不懂强记
 Notification
Grid & Flex
交换两个变量的值

原文地址：https://www.cnblogs.com/DZzzz/p/9369612.html