这里简单讲一下什么是组件的生命周期，上面我们通过refs来获取组件对象的信息，那么在什么时候或者说哪个时机点去做这件事呢，组件从引用到调用到销毁（比较少操作）有以下几个关键回调函数：
<script> export default { components: { 'qui-list': quiList }, beforeCreate:function(){},//组件实例化之前 created:function(){},//组件实例化了 beforeMount:function(){},//组件写入dom结构之前 mounted:function(){//组件写入dom结构了 console.log(this.$children); console.log(this.$refs); }, beforeUpdate:function(){},//组件更新前 updated:function(){},//组件更新比如修改了文案 beforeDestroy:function(){},//组件销毁之前 destroyed:function(){}//组件已经销毁 } </script>
所以要想使用refs的内容，就需要在组件写入dom之后才能开始调用哦！
我还需要学什么
目前为止，我们三篇文章已经学了大部分的关于组件和路由的知识，当然这并不是Vue的全部，只是相对于其他的知识点，这些可以算是一个垫脚石，看懂了这些，对后面其他API的应用，帮助很大。下面我列举一些其他的，后续大家可以去官网查看资料的一些关键点，其实都不难，只要有一些小小的项目demo实践，你会发现Vue也不过如此。
过渡
过渡其实就是CSS3动画，transition这些，只是写CSS3变成好像在写JS一样，有点类似于greenSock的一些思想。
指令
目前为止我们学习了一些常用指令，像v-on，v-bind，v-for，还有几个常用的像刚才提到的判断指令和v-show指令，还有v-model指令（主要用于input等表单组件）。当知道指令作用的时候，学习起来其实并不难。
Render
渲染这个方法是我觉得应该用心去学习的，它可以方便我们写出更好的面向对象的组件，而学习它的成本在于这个接口更接近于原生JS代码的使用。如果有需要，后续也可以写一篇关于Render的文章。
总结
三篇系列文暂时在这里告一段落，有些童靴可能到这里还是觉得没有学会Vue，对不起，可能是我的标题太夸张了，也可能因为我的例子还不够清晰，文笔也还不好理解。不过没关系，回顾我们的学习历程，你可以按照这个知识点的学习过程，去找更多的文章，毕竟“熟读唐诗三百首，不会作诗也会吟”嘛。当然，学习过程中我们自己更多的练习和尝试才能锻炼巩固知识。至于浅入之后是浅出还是深出，还是要靠大家自己去定义了！
文末附上所有相关代码和官方文档地址~~~
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: