软工日报23-9-12

发布时间 2023-09-12 21:11:14作者: 天启A

学习时长:2h

解决问题:今天学习了部分VUE知识

代码量:150行

下面是一些控件的实例

 

<div id="app">
  <h3>count值为:{{count}}</h3>
  <button v-on:click="jianCount">-1</button>
  <button @click="count+=1">+1</button>
</div>
<script>
  const vm={
    data:function () {
      return{
        count:0,
      }
    },
    methods:{
      jianCount(){
       this.count-=1
      }
    }
  }
  const app=Vue.createApp(vm)
  app.mount('#app')
</script>