js input搜索防抖与Vue.js 中的 v-cloak 指令

1. js input防抖，防止input多次输入调用多次

<el-input class="code" v-model="code" ref="codeInput" @input="codeInput" @blur="codeBlur"></el-input>

new Vue({
     el: '#app',
     data: function() {
         return {
         }
     },
     created() {
     },
     methods: {
         codeInput(val) {
             // 等待扫码结果输入输入框后搜索用户
             this.debounce(this.getUser, 500);
         },
         getUser() {

         },
         debounce (func, wait) {
             if (this.timeout) clearTimeout(this.timeout)
             this.timeout = setTimeout(() => {
                 func()
             }, wait)
         },
     }
 });

2. v-cloak 指令隐藏vue源代码
   可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。
   当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。

<div id="app" v-cloak>
    {{context}}
</div>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            context:''
        }
    });
</script>

[v-cloak]{
    display: none;
}