java全栈day05-前端Web-Vue-基础

一、什么是Vue？

（图中有对构建用户界面、渐进式、框架进行解释说明）

二、Vue-基础-入门程序

准备

1.引入 Vue 模块（官方提供）
2.创建 Vue 程序的应用实例，控制视图的元素
3.准备元素 (div) ，被 Vue 控制

数据驱动视图

1.准备数据
2.通过插值表达式渲染页面

代码展示

三、Vue-基础-指令(用在HTML标签上，相当于特殊的属性)

3.1 v-for指令(列表渲染)

内容展示

代码展示

小结

3.2 v-bind指令(为标签绑定属性值，如设置href src style等)

内容展示

代码展示

小结