역할 영역 슬롯

역할 영역 슬롯 은 구성 요소 의 추상 적 인 능력 을 증가 시 켰 다.
예 를 들 어 저 는 my-list 구성 요 소 를 정 의 했 습 니 다.역할 영역 슬롯 을 사용 하지 않 았 을 때 my-list 템 플 릿 을 이렇게 쓸 수 있 습 니 다.

        
            {{ title }}

물론 my-list 구성 요소 에 속성 props 가 있 습 니 다.

props:['title']

그러면 저 는 my-list 를 사용 할 때 이렇게 쓸 수 있 습 니 다.
우선 vue 인 스 턴 스 가 있어 야 합 니 다.
그리고 html 이렇게 생 겼 어 요.

var demo26 = new Vue({
    el:"#demo26",
    components:{
        'my-list':{
            template:'#my-list',
            props:['title']
        }
    },
    data(){
        return{
            shapes:[
                { name:'   ', sides:4},
                { name:'   ', sides:6},
                { name:'   ', sides:3}
            ],
            colors: [ 
                { name: '  ', hex: '#f4d03f' }, 
                { name: '  ', hex: '#229954' }, 
                { name: '  ', hex: '#9b59b6' } 
            ]
        }
    }
})

참고:https://www.w3cplus.com/vue/vue-js-scoped-slots.html

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Object 객체 메소드 요약

주로 Object 객체의 메서드와 해당 객체가 작성된 인스턴스의 메서드입니다.일반적으로 서로 다른 실례 대상에 사용할 수 있는 방법. 대상의 모든 속성 이름을 가져올 수 있는 그룹을 가져옵니다. 대상의 원형에 있는 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

역할 영역 슬롯

{{ title }}

좋은 웹페이지 즐겨찾기