一、props特性
- props中定义的数据跟data中数据一样,会直接添加在组件实例化对象上,并设置了特性,所以可以直接this.content进行访问,可直接在插值语法{ {}}中使用,可进行简单逻辑处理,但是不能在methods中直接对值进行更改;
- 通过属性传值,并在props中定义的该属性不会在标签中显示;非props的属性会在标签中显示
<div id="app">
<count :content="1" counter="hello"></count>
</div>
Vue.component("count", {
props: ["content"],
......
下面是一个关于单向数据流的小例子:
<div id="app">
<count :content="1">