代码
DOCTYPE html>
<html><head><meta charset&＃61;"utf-8"><meta name&＃61;"author" content&＃61;"xiaonaihu" /><meta name&＃61;"generator" content&＃61;"HBuilder X" /><title>vue实例计数器title><script src&＃61;"../../lib/vue.js" type&＃61;"text/Javascript" charset&＃61;"utf-8">script>head><body><div id&＃61;"app"><h2>当前基数&＃xff1a;{{counter}}h2><button v-on:click &＃61; "increase">&＃43;button><button &＃64;click &＃61; "decrease">-button>div><script type&＃61;"text/Javascript">const app &＃61; new Vue({el:"#app",data:{counter:0},methods:{increase:function(){this.counter&＃43;&＃43;;console.log("increase被触发");},decrease:function(){this.counter--;console.log("decrease被触发");}}})script>body>
html>
网页效果
京公网安备 11010802041100号