提示:
本文为VUE栏目:VUE学习:vue基础12————组件:自定义组件的属性
前言
本文vue框架中组件相关。
提示:以下是本篇文章正文内容,下面案例可供参考
组件
自定义组件的属性
利用props自定义属性,自定义的属性名可以直接在差值表达式中使用
<body>
<div id="app">
<test mytitle="hello world"></test>
<test mytitle="你好世界" my-test="geigei"></test>
</div>
<template id="t1">
<!-- 给模板中的p标签设置一个原生的title属性,交给vue管理-->
<p :title="myTest">{{mytitle}}</p>
</template>
</body>
<script>
Vue.component('test',{
template:"#t1",
// 自定义属性,自定义的属性名可以直接在差值表达式中使用
props:['mytitle','myTest'],
})
let vm = new Vue({
el: "#app",
data: {},
methods: {},
});
</script>