【vue】常见的小错误

1. 双括号{{}}和v-html插入文本的区别

<div id="app">
    <div v-html="message"></div>
    <div>{{message}}</div>
</div>
	
<script>
new Vue({
  el: '#app',
  data: {
    message: '<h1>教程</h1>'
  }
})

输出结果如下：

v-html会对<h1></h1>进行解析，双括号不会解析。

2. computed和methods使用时，各自适用的情况

computed是基于所调用数据的依赖缓存，只有相关依赖发生改变时，才会重新取值；而methods在重新渲染的时候，函数总会重新调用执行。so 使用computed性能会更好，但如果不希望缓存，可以使用methods。