html_看似相同且正确的两段代码却无法渲染出一致的结果:空格问题(肉眼无法直接看出来错误的代码问题)/标签渲染不出来的可能原因/回调事件没有相应

文章目录

• ​​这种由于ascii=160的空格可能引起渲染失败:​​
• ​​其他可能可能导致标签渲染不出来的原因​​

• ​​回调函数没有响应​​

这种由于ascii=160的空格可能引起渲染失败:

某些编辑器会显示出ascii=32和ascii=160的空格的区别
这种一般是复制代码可能造成混入&nbsp 空格的问题

其他可能可能导致标签渲染不出来的原因

不经常写前端的话,容易忘记某些细节,比如标签内的属性之间用的时空格来分割,如果使用了都好​​,​​之类的分隔符,就会导致渲染不出来

<!-- import vue cdn: -->
<script src="https://unpkg.com/vue@next"></script>
 <form @submit.prevent="insert">
            <input type="text" v-model="name">
            <input type="text" v-model.number="price">
            <button>add</button>
</form>

回调函数没有响应

不同于静态语言,js+html 经常对于标识符的不对应的检查能力较弱,这也是我们需要首先排查的地方,特别时函数签名和函数调用