最新文章
08_样式绑定
样式绑定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="wi……
06_计算属性
计算属性
相比于methods，效率更高
完整写法
<body>
<div id="app">
<label for="last-name">姓：</label>
<input……
05_键盘事件
键盘事件
常用的键盘事件有两种，分别是keyup（按下后抬起触发）和keydown（按下即刻持续触发）
vue提供了常用的按键别名：
回车：keyup.enter
删除：keyup.……
04_事件处理
事件处理
事件监听
v-on指令可以监听DOM事件，并在触发时执行JavaScript代码
<body>
<div id="app">
<h1>count: {{ count }}</h……
03_el与data的两种写法
el与data的两种写法
el的两种写法
第一种写法：创建vue实例的时候配置el属性
<script>
const vm = new Vue({
el: '#app',
data() {
……
02_Vue数据绑定
数据绑定
Vue中有两种数据绑定的方式：
单项数据绑定（v-bind）：数据只能从data中流向页面，data中数据发生变化，页面绑定的值也发生变化。
双向数据绑定……
01_Vue模板语法
Vue模板语法
Vue模板语法有两大类：
插值语法：
功能：用于解析标签体内容。
写法：{{xxx}}
用法：
<body>
<div id="app">
<h1>{……
