vue
文章平均质量分 61
一些vue的小bug以及小功能分享
茶老翁
无名之辈
展开
-
组合API与响应性
介绍了响应性原理与组合API思想。响应性是一种以声明式的方式去适应变化的一种编程范例,非侵入性的响应性系统是Vue.js最独特的特性之一。组合API可以将与同一个逻辑相关的代码配置在一起将有效解决逻辑复杂、可读性差等问题。原创 2024-05-04 09:45:57 · 774 阅读 · 0 评论 -
渲染 函数
当浏览器读到HTML代码时,将建立一个DOM节点树。在DOM节点树中,每个元素都是一个节点,每段文字也是一个节点,甚至注释也都是节点。Vue通过建立一个虚拟DOM树来追踪自己如何更新真实DOM树。在虚拟DOM树中,有虚拟节点 (virtual node, VNode),这些Vnode将告诉Vue页面上需要渲染什么样的节点,包括其子节点的描述信息。当需要使用JavaScript创建HTML元素时,建议使用渲染函数。在渲染函数render中,有一个或多个h()函数用于创建虚拟节点。原创 2024-05-03 08:04:01 · 238 阅读 · 1 评论 -
过渡与动画
Vue的过渡与动画,主要用到transition组件,该组件一般搭配v-if、v-show、动态组件、组件根节点来使用。对列表进行过渡渲染时,不能再使用transition,必须使用transition-group组件包裹。如果需要实现列表进入时的动画,可以给transition-group添加appear属性即可。在Vue中,元素过渡的流程是:1、将要过渡的元素放入transition组件中。原创 2024-05-02 07:57:08 · 1046 阅读 · 0 评论 -
组件(一)
可通过props从父组件向子组件传递数据,并且这种传递是单向的。当需要从子组件向父组件传递数据时,需要首先给子组件自定义事件并使用$emit(事件名, 要传递的数据)方法触发事件,然后父组件使用v-on或@监听子组件的事件。原创 2024-04-14 11:00:21 · 583 阅读 · 1 评论 -
内置指令(Vue2版)
1、作用:动态设置html的标签属性:src url title...2、语法:v-bind:属性名 = "表达式"3、简写形式 :属性名 = "表达式"原创 2024-04-10 23:30:44 · 302 阅读 · 1 评论 -
计算属性和监听器
修改计算属性原创 2024-04-09 23:08:34 · 237 阅读 · 0 评论 -
vue实战之搜索框功能实现
【代码】vue实战之搜索框功能实现。原创 2024-04-05 22:29:42 · 922 阅读 · 1 评论 -
vue实战之购物车基本功能的搭建
/ 导入 Vue 相关函数// 定义响应式变量// 商品列表// 商品选中状态// 控制编辑状态的显示与隐藏// 控制全选按钮状态不足之处,麻烦大家多多支持!🤜🤛。原创 2024-04-05 19:20:09 · 389 阅读 · 1 评论 -
vue实战之购物车静态页面的搭建
老规矩,先看效果图!原创 2024-04-04 22:07:28 · 222 阅读 · 1 评论 -
vue自定义tab导航栏(方法二)
请看效果图!快速上手 | Vue.js (vuejs.org)快速上手 - Vant 4 (gitee.io) 进阶用法 - Vant 4 (gitee.io)安装 | Vue Router (vuejs.org)原创 2024-04-02 19:22:53 · 428 阅读 · 1 评论 -
vue自定义tab导航栏(方法一)
八、上自定义tab代码(layoutIndex.vue)成功自定义tab导航栏!基本架子,内置自定义底部导航栏代码。三、安装Vue Router。一、引用Vant 4组件库。六、 配置router内容。二、快速上手Vant4。九、配置App.vue。原创 2024-04-01 23:16:04 · 424 阅读 · 0 评论 -
控制台警告:You are running Vue in development mode.
将所有的组件放在#app的div组件内!原创 2024-03-31 23:35:16 · 142 阅读 · 0 评论