文章目录
- 前言
- 关键字
- 一、使用及场景
前言
关键字
methods
一、使用及场景
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="myapp">
<!-- 内置简写事件绑定 -->
<input type="button" value="++" v-on:click="num++" />
<!-- vue实例方法 -->
<input type="button" value="++" v-on:click="add()" />
<input type="button" value="--" v-on:click="down()" />
</div>
<!-- 引入依赖 -->
<script src="../node_modules/vue/dist/vue.js" ></script>
<!-- -->
<!-- 创建实例 -->
<script>
new Vue({
//绑定元素
el:"#myapp",
//提供数据
data:{
date:"20201123",
num:1234
},
methods:{
add(){
this.num++;
},
down(){
this.num--;
}
}
});
</script>
</html>多留言多点赞你们的只支持是我坚持下去的动力，都支棱起来！！！
