propsData全局扩展的数据传递(18)

一、propsData怎样传值,

propsData 不是和属性有关,他用在全局扩展时进行传递数据。扩展也可以自定义标签,但是更推荐使用组件来做。

<div id="app">
    <h1 id="ll">propsData</h1>
</div>
<script>
   var extend1=Vue.extend({
       template:`<p>呵呵da{{msg}}-{{a}}</p>`,
       data:function(){
           return{
               msg:"jianjian"
           }
       },
       props:['a']
   });
    new extend1({propsData:{a:122}}).$mount("#ll");
</script>

扩展了一个extend1标签,并把她挂载到#ll标签上,然后从外部传值给标签({propsData:{a:122}})
propsData传值:
1、传递时用propsData进行传递。props:[‘a’]

2、用插值的形式写入模板。{{ a }}
propsData在实际开发中我们使用的并不多,我们在后边会学到Vuex的应用,他的作用就是在单页应用中保持状态和数据的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,981评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • 我的过去就是个自以为是的国王,因为我有个钻石就自己封自己是国王了,还沾沾自喜,快乐无比。高傲自大,吸引关注。 现在...
    兮兮AX阅读 366评论 0 0
  • 现在的你,是否还记得小时候你的那些小伙伴的名字,现在你的和她们还有联系吗? 好吧那我现在就...
    海盐少女J阅读 748评论 1 20
  • 本来看《嫌疑人X的献身》,主要因为东野圭吾的《白夜行》太好看了,所以继续找他的书看。一看介绍:主人公是百年一遇的数...
    博事说阅读 1,495评论 0 0