刚开始学习vue,就顺手记录下小白遇到的一些小问题并附上自己的解决方法……
<body> <div id="app"> <input type="text" v-model="inputValue"/> <button v-on:click="handleBtnClick">提交</button> <ul> <li v-for="item in list">{{item}}</li> </ul> </div> <script> new Vue({ el:'#app', data:{ list:[], inputValue:'123' }, methods:{ handleBtnClick:function () { alert('click'); } } }) </script>
然后在console中运行app.$data.inputValue就会报找不到data节点的错,但是能找到爱屁屁,实际上是因为没有给vue实例赋变量。