当前位置: 首页 > Web前端 > vue.js

Vue3实现Hello和Counter

时间:2023-03-31 21:05:44 vue.js

小编之前的文章都是基于js和ts的。基础打完了,就是挑战主流前端框架的时候了。接下来,小编主要关注比较流行的Vue3组合示例,以及Vue的基本语法和Vue3提供的一些新特性。希望小编能和大家一起成长,一起在前端的道路上越走越远。我们常用的html模板基本是这样的文档根据我们之前的知识储备,如果要使用Vue.js,必须导入对应的js文件。这时候我们的文件就变成了这样文档我们可以在代码中写这样的代码来展示页面上的helloworld文档

当然我们也可以把代码写的Vue多一点,像这样文档
你可能会看到这段奇怪的Weird代码,会有一些圈圈,不过今天只是熟悉而已,后续小编将对这些问题一一进行说明。以下是计数器。实现的是每一秒,页面上的数字增加一个。借助Vue,代码可以这样写文档
以上是借助Vue的两个基本功能.js实现可能和小编刚接触Vue时一样一头雾水,不过没关系,相信经过一段时间的熟悉,会有质的提升,一起努力吧!也可以扫描二维码关注我微信公众号,蜗牛全栈。