请问vuejs的表单无法操作怎么回事呢？

Question

今天刚刚接触vue,试了试官网的例子，但是为何只要是表单都无法操作呢？文本框无法输入，按钮无法点击。

main.js:

import Vue from 'vue';
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

html:

<div id="app">
  <p>{{ message }}</p>
  <input v-model="message">
</div>

这是最简单的例子了，我的文本框没有反应，像是被禁用了一样，测试按钮也没法点击。请问这是怎么回事呢？谢谢

Answer 1

题主可以不可以说得详细一点，我在你的代码里好像没看到按钮~~我出来的效果是这样子的。

Answer 2

问题再描述清晰具体一些，我看没错啊；可以输入

Answer 3

请问你的文本框呢？

Answer 4

话说楼主怎么解决的？我也遇到这种情况了

Answer 5

这个只能自己查一下了，看看有没有什么样式或者结构覆盖到了输入框，最好页面就先简单的写，不包含任何样式，不要包含任何的其他结构，你再试试

Answer 6

第一：你的vue.js在哪里，只看到你import
第二：import这个是ES6中的语法，你到浏览器中呼出控制台，会报错

建议你在页面引用vue.js
然后再body
后再执行 new vue