Vue入门属性

本文深入探讨Vue.js中的组件系统,包括$mount挂载点、data的数据管理、methods中的事件处理、components组件的三种引入方式,以及生命周期的四个关键阶段。通过实例解析如何在不同阶段操作实例和数据,实现页面动态更新和性能优化。
摘要由CSDN通过智能技术生成

el-挂载点

可以用$ mount代替

data -内部数据

支持对象和函数,优先用函数

methods - 方法

事件处理函数或者是普通函数

components

Vue组件,注意大小写

三种引入方式,推荐最后一种

四个钩子

created - 实例出现在内存中

mounted - 实例出现在页面中

updated - 实例更新了

destroyed - 实例从页面和内存中消亡了

props - 外部数据

也叫属性

message= "n"传入字符串

:message = "n"传入this.n数据

:fn = "add"传入this.add函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值