vue 모듈 구덩이 밟기 노트의 prop 전송 값

    
    
    
    
    


    

        
         
{{message}}
         
{{message1}}
    
     


    Vue.component('blog-post',{
        data: function(){
            return {

            }
        },
        props: [
            'likes',
            'title',
            'parent',
            'likesnumber',
            'nums',
            ],
        template:'<h3>{{ likes }}{{ title }}{{ parent }}{{ likesnumber }}{{ nums }}</h3>'
    })
    
    var test = new Vue({
        el:'#components-demo',
        data: {
            post: {
                title: String,
                likes: Number,
                isPublished: Boolean,
                commentIds: Array,
                author: Object,
                callback: Function,
                contactsPromise: Promise,// or any other constructor
                parent:' ',
                nums:'42'
            },
            likesnumber:Number,
            message:' ， <blog-post title="My journey with Vue"></blog-post> title'+
                    ' data ，v-bind ， ， props ， '+
                    ' - - ',
            message1:' vue.js:640 [Vue tip]: Prop "likesnumber" is passed to component <Anonymous>, but the declared prop name is "likesNumber". Note that HTML attributes are case-insensitive and camelCased props need to use their kebab-case equivalents when using in-DOM templates. You should probably use "likes-number" instead of "likesNumber".',
        },
    })

prop는 부모 구성 요소가 하위 구성 요소로 파라미터를 전달하는 데만 적합하며, 단일 항목으로 전송됩니다.코드가 모든 것을 설명했다.
자주 사용하는 단축키 몇 개 기억하기: 키보드 단축키를 사용하여 현재 줄과 여러 줄의 내용을 선택하십시오: 누르고⬅(Home 키 위치에서 행으로 이동) 다시 누르기⬆(선택한 행에 PgUp 키 위치 지정) 또는⬇(PgDn 키를 선택한 행으로 이동) 행을 선택한 후 Shift+End 키를 눌러 행 끝에서 문자를 선택합니다.어쨌든 Shift+⬇(⬆혹은⬅혹은➡)컨텐트를 선택하거나 선택을 취소할 수 있습니다.