最新文章
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>{……