Vue - 快速入门，这一套就够了！（Vue core + 案例 + 效果演示）

  免费查看本文章可前往我的网站：PiQiu

目录

前言

一、Vue 基础

1.1、Vue 基础示例

a）html 部分：

b）script 部分：

二、本地应用

1.1、内容绑定，事件绑定

1.1.1、v-text 设置标签文本值

1.1.2、v-html 设置标签的 innerHTML

1.1.3、v-on 为元素绑定事件

a）基本用法

b）事件修饰符（不常用）

c）按键修饰符

1.1.4、 computed 计算属性

1.1.5、案例：实现一个计数器

1.2、显示切换，属性绑定

1.2.1、v-show 元素的显示和隐藏

1.2.2、v-if切换显示和隐藏（本质和 v-show 不同）

1.2.3、v-bind 设置元素属性

1.2.4、案例：实现切换图片

1.3、列表循环，表单元素绑定

1.3.1、v-for 生成列表结构

1.3.2、v-model 双向绑定

1.3.3、案例：表白墙

---

前言

---

前置条件：掌握 HTML、CSS、JavaScript、AJAX.

工具：VsCode.

插件：Live Server（浏览器实时预览）

开发版本 Vue.js 如下：

    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

axios.min.js 如下：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

Ps：建议都提前下载下来，没网的时候也能用.

一、Vue 基础

---