VUE
vue学习
梧桐雨。
这个作者很懒,什么都没留下…
展开
-
自定义指令基础
蓝色效果blue:{原创 2023-11-17 22:22:39 · 721 阅读 · 0 评论 -
组合式API_模板引用
虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的 ref attribute,组合式API的实现更为简洁。选项式API_模板引用。组合式API_模板应用。原创 2023-11-17 22:04:00 · 423 阅读 · 0 评论 -
组合式API_生命周期
选项式API_生命周期。组合式API_生命周期。原创 2023-11-17 22:01:08 · 102 阅读 · 0 评论 -
组合式API_侦听器
选项式API_侦听器。组合式API_侦听器。原创 2023-11-17 21:57:52 · 265 阅读 · 0 评论 -
组合式API_事件处理
选项式API_事件处理。组合式API_事件处理。原创 2023-11-17 21:55:17 · 33 阅读 · 0 评论 -
VUE 组合式API
data。原创 2023-11-13 22:48:03 · 361 阅读 · 0 评论 -
VUE选项式API,组合式API
使用选项式 API,我们可以用包含多个选项的对象来描述组件的逻辑,例如 data、methods 和 mounted。优点:功能逻辑复杂繁多情况下,各个功能逻辑代码组织再一起,便于阅读和维护。缺点:代码组织性差,相似的逻辑代码不便于复用,逻辑复杂代码多了不好阅读。通过组合式 API,我们可以使用导入的 API 函数来描述组件逻辑。在 vue2.x 项目中使用的就是 选项式API 写法。优点:易于学习和使用,写代码的位置已经约定好了。缺点:需要有良好的代码组织能力和拆分逻辑能力。原创 2023-11-13 22:35:12 · 266 阅读 · 0 评论 -
VUE项目从哪里开始?
应用实例必须在调用了 .mount() 方法后才会渲染出来。该方法接收一个“容器”参数,可以是一个实际的 DOM 元素或是一个 CSS 选择器字符串。我们传入 createApp 的对象实际上是一个组件,每个应用都需要一个“根组件”,其他组件将作为其子组件。在src目录下的assets文件夹的作用就是存放公共资源,例如:图片、公共CSS或者字体图标等。每个 Vue 应用都是通过 createApp函数创建一个新的 应用实例。原创 2023-11-12 20:34:26 · 144 阅读 · 0 评论 -
VUE组件存活,异步组件
当使用 来在多个组件间作切换时,被切换掉的组件会被卸载。我们可以通过组件强制被切换掉的组件仍然保持“存活”的状态。原创 2023-11-12 20:29:11 · 213 阅读 · 0 评论 -
VUE动态组件
有些场景会需要在两个组件间来回切换,比如 Tab 界面。原创 2023-11-12 20:20:51 · 29 阅读 · 0 评论 -
VUE组件的生命周期
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。原创 2023-11-12 20:07:08 · 340 阅读 · 0 评论 -
VUE Slot
在某些场景中,我们可能想要为子组件传递一些模板片段,让子组件在它们的组件中渲染这些片段.元素是一个插槽出口 (slot outlet),标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。原创 2023-11-12 19:43:09 · 149 阅读 · 0 评论 -
VUE基础
const的作用就是将变量声明为一个常量,不能被修改,不可以再次赋值,它的指向是不可以改变的,只能指向某处固定区域,不能再指向其它地方。cnpm install --save vue-i18n@next vue3需要安装最新版本。1.声明后必须初始化赋值,如:const name=‘aaa’,不可以 const name;2.常量的含义是指向的对象不能修改,但是可以修改对象中的属性。element-plus按需加载。安装element-plus。原创 2023-11-12 18:28:27 · 78 阅读 · 0 评论 -
VUE重学
vue默认按照 就地更新 的策略更新通过v-for渲染的列表,当数据项顺序改变时,vue不会随之移动dom元素顺序,而是就地跟新每个元素,确保他们在原本指定的索引位置上渲染。v-if是按条件渲染,因为他确保在切换时,条件区块内的事件监听器和子组件都会被销毁和重建,也是惰性的,如果初次渲染条件为false,则不会做任何事,只有true才会渲染。为了给vue一个提示,以便跟踪每个节点的标识,从而重用和重新排序现有的元素,你需要为每个元素对应的块提供一个唯一的key :key。原创 2023-10-27 23:35:00 · 222 阅读 · 0 评论