vue 作用域插槽和插槽 prop - 2021-04-11

下面这个例子主要是为了体现 user 和 user1在各处的对应关系

Vue.component('current-user', {
            props: ['user1'],
            template: `
            
                
                    {{user1.firstName}} 欢迎登陆
                
            
            `
        });

        var app14 = new Vue({
            el: '#app14',
            data: {
                currentUser: {
                    firstName: '名',
                    lastName: '姓'
                }
            }
        });

最终结果

welcome 姓 !

另外
各种html部分的简写/变化语法如下:



welcome {{user.lastName}} !




welcome {{u.lastName}} !

```html
welcome {{u.lastName}} !

你可能感兴趣的:(vue 作用域插槽和插槽 prop - 2021-04-11)