为什么这个不自动变数字,要去控制板手动+ - ?(已解决,因为mounted大写了,应该小写)

news/2024/7/10 1:40:42 标签: vue
<template>
  <div id="counter">
    Counter: {{ counter }}
    
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data() {
      return {
        counter: 0
      }
      },
  Mounted() {
    setInterval(() => {
      this.counter++
    },1000)
  }
  }
</script>

应改为:

<template>
  <div id="counter">
    Counter: {{ counter }}
    
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data() {
      return {
        counter: 0
      }
      },
  mounted() {
    setInterval(() => {
      this.counter++
    },1000)
  }
  }
</script>

http://www.niftyadmin.cn/n/956982.html

相关文章

MyBatis 使用注解实现CRUD(增删改查)

注解增删改查 测试时实现自动提交&#xff0c;改造MyBatisUtils工具类的getSession()方法 注意点&#xff1a;Param Param注解用于给方法参数起一个名字。以下是总结的使用原则: 在方法只接受一个参数的情况下&#xff0c;可以不使用Param。在方法接受多个参数的情况下&…

MyBatis #与$的区别

MyBatis中使用 #与$的获取参数的区别 #{} 的作用主要是替换预编译语句(PrepareStatement)中的占位符? 【推荐使用】 INSERTINTOuser(name)VALUES(#{name}); INSERTINTOuser(name)VALUES(?);${} 的作用是直接进行字符串替换 INSERTINTOuser(name)VALUES(${name}); INSERTI…

Lombok介绍、使用方法和总结

Lombok介绍、使用方法和总结 转载地址&#xff1a;Lombok介绍、使用方法和总结 需要引入的jar包&#xff1a; <!-- https://mvnrepository.com/artifact/org.projectlombok/lombok --> <dependency><groupId>org.projectlombok</groupId><artifa…

MyBatis 多对一的处理

MyBatis 多对一的处理 多对一的理解&#xff1a; 多个学生对应一个老师如果对于学生这边&#xff0c;就是一个多对一的现象&#xff0c;即从学生这边关联一个老师! 1.数据库设计 use mybatis;CREATE TABLE teacher (id INT(10) NOT NULL,name VARCHAR(30) DEFAULT NULL,PRI…

vue实现自动语音播报功能,未解决。(已用js解决20220210)

这个放不出来 <template><div><i click"reader" class"el-icon-microphone"></i> //elementUI 麦克风图标 <div id"group">{{words}}</div> //语音播报的文字</div></template><script>…

官方的js路由router

// 1. 定义路由组件. // 也可以从其他文件导入 const Home { template: <div>Home</div> } const About { template: <div>About</div> }// 2. 定义一些路由 // 每个路由都需要映射到一个组件。 // 我们后面再讨论嵌套路由。 const routes [{ path:…

MyBatis 一对多的处理

MyBatis一对多的处理 一对多的理解&#xff1a; 一个老师拥有多个学生如果从老师这边说&#xff0c;就是一对多的关系&#xff0c;即从一个老师下面有一群学生&#xff08;集合&#xff09;&#xff01; 按结果嵌套处理和按查询嵌套处理 TeacherMapper接口编写方法 public…

main.js记账的main.js为什么报错?遇到了什么问题?(已解决,原来是碰到了漏掉index.css文件的问题)

98% after emitting CopyPluginERROR Failed to compile with 1 error 下午8:31:32This relative module was not found:* ./index.css in ./src/main.js纠…