关于vue.js:学习Vue遇到的坑

  • 自定义组件传入一个对象的所有的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标签

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理