如何快速上手Vue2基础

40 阅读1分钟

一、创建一个实例对象

1.准备一个容器
2.引入vue.js3.创建一个vue实例对象 就是new Vue()
4.在实例对象中指定对应的配置项
 4.1 el:element 传入选择器
 4.2 data:对象,存放数据

二、Vue指令的介绍

1.v-show和v-if都是控制盒子的显示/隐藏
2.v-model 可以让数据和视图,形成双向数据绑定
  2.1 数据变化,视图自动更新
  2.2 视图变化,数据自动更新
  2.3 可以快速(获取)或(设置)表单元素的内容
3.v-on 我们可以使用 `v-on` 指令 (简写为 `@`) 来监听 DOM 事件,并在事件 触发时执行对应的JavaScript。用法:`v-on:click="handler"` 或 `@click="handler"`。
4.v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in list 形式的特殊语法,其中 list 是源数据的数组,