• 自定义组件传入一个对象的所有的property,~~~~这里只能使用v-bind绑定,不能使用简写为:
    <div id='app'>
        <component-a v-bind="personInfo"></component-a>
    </div>
    <script>
        Vue.component('component-a',{
            props: {
                firstName: String,
                lastName: String,
                age: Number,
            }
        })
        let vm = new Vue({
            el: '#app',
            data: {
                personInfo: {
                    firstName: 'Mike',
                    lastName: 'Lee',
                    age: 42
                }
            }
        })
    </script>
  • 自定义组件的根不能是template标签

前端styleUp
7 声望0 粉丝

前端up!up!up!