学习笔记(21):Vue2.x从入门到实战-propsData Option 全局扩展的数据传递

立即学习:https://edu.csdn.net/course/play/6823/135330?utm_source=blogtoedu

propsData Option全局扩展

propsData 不是和属性有关，他用在全局扩展时进行传递数据。先看下全局扩展知识

<pop></pop>

var popProps=Vue.extend({
        template:`<p>{{msg}}</p>`,
        data:function () {
            return{
                msg:'Hello Vue'
            }
        }
    });
    new popProps().$mount('pop');//挂载

现在我们就用propsData选项传递数据

var popProps=Vue.extend({
        template:`<p>{{msg}}-{{content}}</p>`,
        data:function () {
            return{
                msg:'Hello Vue'
            }
        },
        props:['content']
    });
    new popProps({propsData:{content:'propsData'}}).$mount('pop');//挂载

我们用propsData三步解决传值： 1.在全局扩展里加入props进行接收。propsData:{content:'propsData'} 2.传递时用propsData进行传递。props:[‘content’] 3.用插值的形式写入模板

新手一枚，若有不足，请指正！