Vue【数据】Prop&Data

笔记内容：学习在 Vue 的单文件组件中如何管理数据。

目录：

data

Prop

Prop 属性校验

Vue【数据】Prop&Data

众所周知，Vue是一个响应式的前端组件框架。响应式即是当业务逻辑中的数据发生改变的时候视图中的内容也会跟着改变。

Prop&Data

一. data

<script>
export default {
    data(){
        return{
            classmates:[
                {id: 1, name: "可颂"},
                {id: 2, name: "小许"},
                {id: 3, name: "柯柯"},
            ]
        };
    },
    render(){
        return(
            <div class="hello">
                { this.classmates.map((p, index) => (
                    <div key={p.id}>
                        {`${index}.${p.name}`}
                    </div>
                ))}
            </div>
        );
    }
}
</script>

View Code