阅读vue官方教程的记录(1)

本文深入探讨了Vue.js中关键的指令用法,包括条件渲染v-if,列表渲染v-for,事件绑定v-on,双向数据绑定v-model以及一次性插值v-once。同时,文章还讨论了计算属性与方法的选择,以及组件间的通讯机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

v-if: 当vue对象的data对象中v-if的关键字为true,才可见。
v-for:指令可以绑定数组的数据来渲染一个项目列表。
v-for
v-on:添加事件监听器,然后在vue实例中定义方法。
v-model:它能轻松实现表单输入和应用状态之间的双向绑定。
v-model
vue组件详细情况请查询官方教程。

vue实例注意事项
vue实例
这里唯一的例外是使用 Object.freeze(),这会阻止修改现有的属性,也意味着响应系统无法再追踪变化。
v-once:一次插值,以后值不会改变。
v-html:双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令:
这里写图片描述
关于计算属性与方法的选择

计算属性默认只有 getter ,不过在需要时你也可以提供一个 setter 。

组件都是一个独立的Vue实例

父组件和子组件之间的通讯
子组件通过属性向父组件传递信息,父组件通过订阅发布模式获取子组件的信息。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值