当前位置: 首页> 汽车> 时评 > 4、命令式和声明式

4、命令式和声明式

时间:2025/7/10 5:40:55来源:https://blog.csdn.net/weixin_43131046/article/details/141038628 浏览次数: 1次

实现一个计数器

命令式:

<!doctype html>
<html lang="en"><head><meta charset="UTF-8" /><link rel="icon" href="/favicon.ico" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Vite App</title></head><body><div id="app"></div><!-- <script type="module" src="/src/main.ts"></script> --><script>let contout = 0let containerDom = document.querySelector('#app')containerDom.innerHTML = contoutcontainerDom.addEventListener('click',function () {contout++containerDom.innerHTML = contout},false)</script></body>

声明式:

<template><div><h1>hi {{msg}}</h1><div @click="add"> {{count}}</div></div>
</template>
<script>
import { defineComponent } from 'vue'
export default defineComponent({data () {return {msg: "vue js",count: 1}},methods: {add () {this.count++}},
})
</script>
<style></style>
关键字:4、命令式和声明式

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: