![](https://img-blog.csdnimg.cn/direct/395aa7fb8e66404c80950601b477e2dc.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue学习笔记
文章平均质量分 94
个人Vue入门学习笔记
℡傲雪&星火ぴ
这个作者很懒,什么都没留下…
展开
-
Vue学习笔记(一):模版语法、条件渲染、列表渲染、key值管理
Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。原创 2024-03-03 18:05:24 · 1133 阅读 · 0 评论 -
Vue学习笔记(二):事件处理、事件传参、修饰符、数组变化侦测
在Vue中我们可以使用指令来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。此外,指令可以缩写为符号。具体用法为:或者。事件处理器 (handler) 的值可以是,也可以是。原创 2024-03-04 14:00:09 · 1120 阅读 · 2 评论 -
Vue学习笔记(三):计算属性、类与样式绑定、表单输入绑定、侦听器、模版引用
在前面模版语法的学习中我们了解到,Vue在所有的数据绑定中都支持使用完整地JavaScript表达式。但当模版中的表达式较为复杂时,可能会显得十分臃肿,难以维护。这时就要用到我们的计算属性了。我们通常将计算属性放在与data同级的中,与方法不同的是,我们在调用计算属性时不需要加括号,而是直接写函数名,。既然提到方法,我们不免疑惑,我们使用方法似乎也能实现相同的功能,为什么又要引入所谓的计算属性呢?计算属性和传统的方法相比有什么优势?原创 2024-03-06 14:22:49 · 1322 阅读 · 0 评论 -
Vue学习笔记(四):深入了解组件(上)--- Props
我们在中以标签的形式将组件显示出来。原创 2024-03-08 20:24:53 · 1138 阅读 · 0 评论 -
Vue学习笔记(五):深入了解组件(下)
首先我们在Search组件中使用v-model指令将input组件与Text双向绑定,为数据Text设置一个监听函数,每当Text内容更新时,就会触发监听函数,将变化后的新值通过$emit传递给Show组件,Show组件每次接收到全新的Text值就会触发我们的自定义事件,将对自己的Text进行更新,将其渲染在网页上。前面关于props的内容我们讲到,props传递的可以是字符串、数组、对象,实际上,他还能够传递函数,由于函数是能够携带参数的,借助这一特点,我们便能够实现子传父。这时我们就需要借助插槽了。原创 2024-03-10 19:02:50 · 968 阅读 · 2 评论