10VUE，组件参数校验，组件3

时间：2021-02-06 11:46:55 收藏：0 阅读：0
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div id="t">
            <child></child>
        </div>
        <script>
            Vue.component("child",{
                props:{
                        
                    concent:{
                        type:String,//只能是String
                        required:false,//不写可以
                        default:‘default value‘//默认值
                    }
                },
                template:‘<div>{{concent}}</div>‘
                
                
            })
            var vm=new Vue({
                el:"#t"
            })
        </script>
    </body>
</html>