# 前端视图开发: html 标签 +css 样式 + js 交互 ### 前端给后端传数据:注册页面 1. 用户在表单中修改数据(修改视图 View) 2. 视图改变后,会同时改变js中的数据 (修改Model模型) 3. 直接将js中的数据传给后端 (修改Controller控制器) ### 前端展示后端数据:学生列表 1. 将后端的数据传入到js data中(修改Model模型) 2. 前端页面上有一个空的表格来获取data中的数据(修改视图View) # Vue 入门总结 ## 1. Vue的基本使用 ### 1.1 Vue的基本使用 1. 引入vue.js文件 2. 创建Vue实例 3. 挂载到某个元素上 4. 使用Vue的语法 5. 使用Vue的指令 ### 1.2 Vue的指令 1. 插值表达式: `{{}} 替换文本内容` 2. v-bind: 单项数据绑定 v-bind:属性名="数据" ```html

``` 3. v-on: 事件绑定 v-on:事件名="函数名" ```html

``` 4. v-if 和 v-show 的区别 - v-if: 控制元素的显示和隐藏, 如果为false, 元素会被移除 - v-show: 控制元素的显示和隐藏, 如果为false, 元素会被隐藏 ```html

显示

``` 5. v-for: 循环遍历 ```html

{{item}}

姓名	年龄
{{value}}

``` 6. v-model: 双向数据绑定 ```html

```

JavaScript-Vue的全部评论