计算机网络/计算机科学与应用/系统/运维/开发

Vue组件

组件 Component 


先回顾一下创建Vue实例的方法:


var app = new Vue({      el:'#app' })

组件类似,需要注册后才能使用,注册分2种方式:全局注册和局部注册


全局组册后,任何vue实例都可以使用


Vue.component('my-component',{      //选项  })

my-component 表示组册的组件自定义标签名称,推荐使用小写加减号分隔的形式命名


要在父实例中使用这个组件,必须要在实例创建前注册,之后就可以使用<my-component></my-component>的形式来使用组件了


<div id="app">     <my-component></my-component> </div> <script>    Vue.component('my-component',{         //选项    });     var app =new Vue({        el:'#app'    }) </script>



vue

日子过着过着就有了答案,努力走着走着就有了温柔的着落。

评论

^