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

35次阅读

共计 320 个字符,预计需要花费 1 分钟才能阅读完成。

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

正文完
 0