Vue的基本使用
2024-10-18 21:25:55
VUE
- vue挂载点
el:"标签id"
- vue绑定属性
:v-model:"属性值"
- vue绑定事件
@click:"事件名"
- vue基本使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script src="vuejs/vue.js"></script> // 一点要引入vue.js文件
</head>
<body>
<div id="box">
<button @click="ccc">+</button>
<input type="text" v-model="aa">
<button @click="ddd">-</button>
</div>
<script>
// 生成一个vue对象
let vm = new Vue({
// 绑定挂载点
el:'#box',
// 数据
data:{
aa:0
},
// 方法
methods:{
ccc(){
this.aa+=1
},
ddd(){
this.aa-=1
}
}
}
)
</script>
</body>
</html>
最新文章
- MySQL Performance-Schema(三) 实践篇
- C# 自动生成代码API文档
- Makefile 一点一滴(二)—— 输出文件到指定路径
- void 关键字
- SQL Server数据库性能优化(二)之 索引优化
- Linux命令工具基础04 磁盘管理
- 怎样用通用pe工具箱制作U盘启动盘
- 开发日志_Jan.8.2017
- 还在在专业的blog记录生活吧!
- Evaluate Reverse Polish Notation——LeetCode
- msys2 安装注意事项
- 4.事务提交过程,交易的基本概念,Oracle交易周期,保存点savepoint,数据库的隔离级别
- Linux(power服务器)中kettle(2)
- 【转载】Windows系统下删除ubuntu
- Python绘图与可视化
- LOJ #6043. 「雅礼集训 2017 Day7」蛐蛐国的修墙方案
- 关于ML.NET v0.7的发布说明
- Java博客目录
- VMware卸载有残留,再安装时报错提示MSI Failed
- 慢查询日志工具mysqlsla的使用