Vue组件开发2.0


动态组件的编写

这个组件会绑定一props,用于接受父组件传递过来的参数,然后动态显示出内容。 动态组件有一个关键的指令是v-bind,用这种方法,组件可以通过props取得对应的值。

app.component('my-geshou', {
    props: ['item', 'index'],
    template: ` <li >[{{index}}]-{{item}}</li>`
})

props是一个数组,可以接受多个值。有了my-geshou组件后,就可以在app的template中使用了,方法如下。

  app.component('my-geshou',{

             props: ['item','index'],
             template:`<li >[{{index}}]-{{item}}</li>`
 })
这里提一下,你看到这可能觉得有点懵懂,我也讲不出个所以然了,大家还是到技术胖老师了解一下吧!

文章作者: Bibooo
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Bibooo !
评论
  目录