在使用Vue写应用时发现一个问题，每当进入一些有延时的（如网络API请求）操作时，会先闪一下未编译的 Mustache 标签{{ message }}，这让人很不爽。在官网找到了解决方案：v-cloak参照官网做法：定义[v-cloak]的stylestyle>[v-cloak] {display: none;}style

{{item}}import myButton from './components/myButton.vue'export default {data () {return {list : [1,2,3,4,5,6,7,8,9,10]

由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLength在改变数组第2个值,改成0改变数组第2个值,改

div>input type="text" v-model.trim="content">input type="text" v-model = 'content'>div>template>script>export default {data () {return {conten

watch应用场景我想信图片预加载大家肯定都有接触过，当图片量大的时候，为了保证页面图片都加载出来的时候，我们才把主页面给显示出来，再进行一些ajax请求，或者逻辑操作那此时你用computed对这种监听一个数据然后进行一系列逻辑操作和ajax请求，那watch再适合不过了，如果用computed的话那你连实现都实现不了，只有用watch监听