<slide-show :slides="slides" :inv="invTime"></slide-show>,:slides 和:inv是什么语法

来源:6-6 首页 - 幻灯片组件(1)

慕哥4046114

2017-10-25

写回答

1回答

fishenal

2017-10-25

:slides 是 v-bind:slides的缩写,是将slides属性绑定到组件的方法。

:slides="slides" 这里引号里的slides 对应的是 组件data里的值

假如<slide-show slides="slides">这样,这里的slides就是字符串slides

如果你要在属性里使用组件的属性,就必须用v-bind或者:来绑定

0
3
fishenal
回复
慕哥4046114
属性不需要定义,但是子组件(slide-show)只接受自己声明过的属性,在子组件里通过props字段声明,含义是我接受这个属性,声明过的属性在子组件里才能通过this调用,看一下: https://cn.vuejs.org/v2/guide/components.html#使用-Prop-传递数据
2017-10-25
共3条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程