vue的自定义组件和组件传值
Posted 悔创阿里-杰克马
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的自定义组件和组件传值相关的知识,希望对你有一定的参考价值。
<div id="app"> <div>{{pmessage}}</div> //父组件 <child :message="pmessage"></child>//打开一个通道 绑定message </div> Vue.component(‘child‘,{ props:[‘message‘], //使用props 来接收信息 template:‘<h1>{{message}}</h1>‘ //需要暴露的信息 }); new Vue({ el:‘#app‘, data:{ pmessage:‘123‘ //父元素的值 } });
props的使用。props可以是一个数组,也可以是一个对象。
let App = Vue.extend({ 定义自定义组件 template:‘‘‘<h1>hello world</h1>‘ }) Vue.component(‘my-app‘,App);
let App = Vue.extend(‘child‘,{ //局部定义组件 template:‘<h1>hello world</h1>‘ }); new Vue({ el:‘#app‘, components:{ // my-app:APP, } }); //========================== new Vue({ el:‘#app‘, data:{}, components:{ ‘hello‘:{ template:‘<h1>hello world</h1>‘ } } });
以上是关于vue的自定义组件和组件传值的主要内容,如果未能解决你的问题,请参考以下文章