vue 笔记

最新推荐文章于 2023-05-05 16:00:34 发布

吴家健ken

最新推荐文章于 2023-05-05 16:00:34 发布

阅读量275

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/winson20102010/article/details/115621283

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue.js组件的生命周期，包括beforeCreate、created、beforeMount、mounted等阶段，以及它们的执行顺序。同时，讲解了Vue中常用的核心属性如data、template、methods、render、computed和watch，强调了它们在实际开发中的应用。此外，还提到了v-bind和v-on指令用于动态绑定属性和事件处理。

摘要由CSDN通过智能技术生成

生命周期
1. beforeCreate：
2. created：html加载完成之前，执行。执行顺序：父组件-子组件
3. beforeMount：
4. mounted：html加载完成后执行。执行顺序：子组件-父组件
5. beforeUpdate：
6. updated：
7. beforeDestroy：
8. destroyed：

常用的几个属性
el属性：
data属性：
template属性：
methods属性：事件方法执行
render属性：
computed属性：computed是计算属性，也就是依赖其它的属性计算所得出最后的值
watch属性：watch是去监听一个值的变化，然后执行相对应的函数。

v-bind :动态更新html 元素上的属性 eg: <a v-bind:href="url">
v-on :绑定事件监听器 <button v-on:click="handleClose">xxxx</button>