Vue学习笔记02:目录结构分析 绑定数据 绑定对象 循环数组渲染数据

Vue学习笔记02:目录结构分析 绑定数据 绑定对象 循环数组渲染数据_第1张图片
vue项目结构

其中node_modules是我们项目所需的各种依赖,src是我们开发时候所需的一些资源,package.json是我们的配置文件管理项目的各种配置以及版本号和名称,readme是项目的说明文件。
我们主要编写的是src里面的文件,assets是存放静态的资源文件,App.vue是存放的根组件,

组件

vue中所有的内容要被一个根节点包含起来,我写了示例代码包含了对数据、数组、对象以及对象数组等等我还添加了注释。




其中重要的是引用数据是使用的{{}}(双重花括号),以及对象的数据是通过 对象名.数据名 获取。以及循环是用v-for来完成。


Vue学习笔记02:目录结构分析 绑定数据 绑定对象 循环数组渲染数据_第2张图片
运行结果

你可能感兴趣的:(Vue学习笔记02:目录结构分析 绑定数据 绑定对象 循环数组渲染数据)