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 } })
时间: 2024-09-29 20:07:43