VUE——组件（四）其他（$nextTick x-template 手动挂载实例）

一、$nextTick——用了知道什么时候DOM更新完成

　　Vue是异步更新队列

　　Vue在观察到数据变化时，并不是直接更新dom,而是开始一个队列，并缓冲在同一事件循环中发生的所有数据改变，缓冲时会去重，然后进行下一个事件循环tick中。

    <div id="app">
        <div id="div" v-if="isShow">这是一段文本</div>
        <button @click="getText">显隐按钮</button>
    </div>
    <script type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                isShow:false
             },
            methods:{
                getText:function(){
                    this.isShow=true;
                    this.$nextTick(function(){
                        var txt=document.getElementById('div').innerHTML;
                        console.log(txt)
                    })
                }
            }
        })
    </script>

　　

二、x-template

是另一种定义模板的方式，在<script>标签内使用text/x-template类型，并且指定一个id,将这个id付给template

三、手动挂载实例