码迷,mamicode.com
首页 > 其他好文 > 详细

Component 组件props 属性设置

时间:2017-06-04 18:35:33      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:div   设置   属性   bind   组件   nbsp   地方   --   htm   

props定义属性并获取属性值

html

<div id="app">
        <!-- 注册一个全局逐渐 -->  <!-- 注意如果自定义的属性带-像下面这个h-hehe,在props里面就要写驼峰写法,还有反过来就不行,你比如自定义标签用驼峰写法就报错 --> 
        <!-- 可以不绑定属性,那就不用写v-bind了 -->
        <register v-bind:h-hehe="haha"></register>    
</div>

js

var  demoTmp ={
    // 注意只有data赋值的地方是属性值,这里两个都是hehe,自定义的属性,而不是属性值haha
    template:`<h2>{{message}}--{{hHehe}}</h2>`,
    props:["hHehe"],
    data:function(){
        return{
            message:"内部组件components"
        }
    }
}
       var vm = new Vue({
          el:"#app",
          data:{
            haha:"props定义属性并获取属性值"
          },
          components:{
          ‘register‘:demoTmp
          }
       })

 

Component 组件props 属性设置

标签:div   设置   属性   bind   组件   nbsp   地方   --   htm   

原文地址:http://www.cnblogs.com/model-zachary/p/6941011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!