![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 78
Vue 学习 知识管理~
寒小韩_
哈哈!菜鸟小猿一枚~
展开
-
Vue 自定义组件中 v-model 的使用
Vue自定义组件如何使用v-model,整理了Vue2和Vue3中的用法原创 2022-08-28 00:28:40 · 14664 阅读 · 1 评论 -
Vue 相关环境安装
社区最流行、支持的第三方模块最多的包管理器。打包器(modulebundler)的包管理器,也是整个。原创 2022-07-16 15:31:19 · 165 阅读 · 0 评论 -
Vue—Class 与 Style 绑定
我们可以传给 一个对象,以动态地切换 class:面的语法表示 这个 class 存在与否将取决于数据 property 是否为true。也传入更多字段来动态切换多个 class,中间使用逗号分割。此外, 指令也可以与普通的 class attribute 共存。当有如下模板:结果渲染为:当 或者 变化时,class 列表将相应地更新。例如,如果 的值为 ,class 列表将变为 。绑定的数据对象不必内联定义在模板里:渲染的结果和上面一样。我们也可以在这里绑定一个返回对象的计算属性。这原创 2022-07-09 10:49:20 · 166 阅读 · 0 评论 -
Vue—计算属性和侦听器
Vue 通过 选项提供了一个通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是非常有用的。除了 选项之外,您还可以使用命令式的 vm.$watch API:更多使用,可查看:vm.$watch API模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 的翻转字符串。当你想要在模板中的多处包含此翻转字符串时,就会更原创 2022-07-09 10:10:09 · 135 阅读 · 0 评论 -
Vue—模板语法
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值:Mustache 标签将会被替代为对应数据对象上 property 的值。无论何时,绑定的数据对象上 property 发生了改变,插值处的内容都会更新。双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 指令:HTML 属性绑定Mustache 语法不能作用在 HTML attribute 上,遇到这种情况应该使用 指令:对于布尔 attribute (它们只要存在就意原创 2022-07-08 23:40:52 · 114 阅读 · 0 评论