Vue.js :v-模型在输入时不更新

admin

我开始我的VueJS模板使用'vue init webpack学习‘，这是最基本的设置，因为我没有使用包中的任何工具，只是对所有工具都不使用。

完成模板下载后，我删除了所有不必要的元素并开始放置，如下所示：

?

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
    }
  },
 }
</script>
<template>
  <div id="app">
    <img src="./assets/logo.png">
    <h1>{{ msg }}</h1>
    <!-- vmodel input -->
    <input v-model="message" type="text" placeholder="Enter a Message" />
    <p>Message is: {{ message }}</p>
    <!-- ^ the {{ message }} above is not updating in the browser as it is running in 'npm run dev' -->
  </div>
</template>

?

正如我在上面所说的，{{ message }}没有更新，因为我正在'npm run dev‘环境中输入，甚至是另一种运行模式。

我怎么才能修复它呢？我一次又一次地卸载和安装NPM，更不用说删除'home brew‘和安装NodeJS了一次又一次，它不工作。

有些人帮助我做这件事，这对像我这样的初学者来说是令人沮丧的。

转载请注明出处:http://www.insurance-fj.com/article/20230526/1217964.html