![](https://img-blog.csdnimg.cn/d1afc97280384c4298dcc77d2c38d9e7.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
教你16天学会Vue
文章平均质量分 94
Vue学习笔记 从潜入深
coderHing[专注前端]
风萧萧兮
展开
-
Vue | Vue.js 实现过渡动画
在整个离开过渡的阶段中应用,在离开过渡被触发时立刻生效,在过渡/动画完成之后移除。在整个过渡的阶段中应用,在元素被插入之前,在过渡/动画完成之后移除.这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。在离开过渡被触发之后下一帧生效 (与此同时 v-leave-from 被删除),在过渡/动画完成之后移除。在元素被插入之后下一帧生效(与此同时v-enter-from被移除) 在过渡/动画完成之后移除.-- transition 不是帮你做动画的,是在恰当的时机帮你做恰当的事 -->原创 2022-11-20 18:03:11 · 3570 阅读 · 84 评论 -
Vue | Vue.js 实现过渡动画
🖥️ Vue .js专栏:Vue .js 实现过渡动画🧑💼 个人简介:一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️在开发中,我们想要给一个组件的,可以很好的React框架本身并没有提供任何动画相关的API所以在React中使用过渡动画需要使用第三方库 react-transition-groupVue中为我们提供一些内置组件和对应的API来完成动画,利用它们我们可以方便的实现过渡动画效果JavaScript。原创 2022-11-17 09:15:34 · 4552 阅读 · 34 评论 -
Vue | Vue.js 高级语法系列
h("h2", null, `当前计数:${counter.value}`),h("h2", null, `当前计数:${this.counter}`),-- 哈哈哈 -->console.log("插件被安装:",app,options)console.log("插件被安装:",app,options)console.log("传入的函数直接被执行:",app)// h传递3个参数 (标签名) ({ 对应的属性 }) (内容)原创 2022-11-15 19:18:04 · 4201 阅读 · 89 评论 -
Vue | Vue.js 全家桶 Pinia状态管理
h2>拼接counter里面的count和user里面的名字: showMsg:{{ countStore.showMsg }}最初带来了devtools集成,但这不再是问题.除了直接使用store.counter++修改store,还可以调用$patch方法。可以灵活使用每一个store,是通过扁平化的方式来相互使用的。// console.log(data) // 拿到数据。// 4 getters中使用到别的store中的数据。// 4 getters中使用到别的store中的数据。原创 2022-11-13 18:05:41 · 4666 阅读 · 101 评论 -
Vue | Vue.js 全家桶 Vuex状态管理
Vue | Vue.js 全家桶 Vuex状态管理 🖥️ Vue.js专栏:Vue.js 全家桶 Vuex状态管理🧑💼 个人简介:一个不甘平庸的平凡人🍬✨ 个人主页:CoderHing的个人主页🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️原创 2022-11-11 08:53:58 · 4090 阅读 · 27 评论 -
Vue | Vue.js 全家桶 - Vue-Router详解
路由-> 网络工程中的一个术语: 在架构一个网络时 非常重要的两个设备就是 路由器和交换机 事实上,路由器 主要维护的是一个映射表; 映射表 会决定数据的流向 路由的概念在软件工程中出现,最早是在后端路由中实现,原因是web的发展主要经历了这样一些阶段: 后端路由阶段 前后端分离阶段 单页面富应用(SPA)早期的网站开发整个HTML页面是由服务器来渲染的. 服务器直接生产渲染好对应的HTML页面,原创 2022-11-09 18:01:17 · 2251 阅读 · 9 评论 -
Vue | Vue.js Composition API(二)
Composition API 通过模板 ref 或$parent 链 获取到的组件的公开实例,不会暴露任何在中声明的绑定.watchEffect传入的函数会立即执行一次,并且在执行的过程中会收集依赖。// 2 在执行的过程中,会自动的收集依赖(依赖哪些响应式的数据 就收集哪些)中的代码会在每次组件实例被创建的时候执行。默认情况下,它是惰性的,只有当侦听的源发生变化时 才会执行回调。// 当我们的counter达到时的时候 我想要停止监听 怎么实现?原创 2022-11-05 19:50:36 · 1207 阅读 · 42 评论 -
Vue | Vue.js Composition API
在我们传递给其他组件数据时 往往希望其他组件使用我们传递的内容 但是不允许它们修改 就用readonly.如果我们将 counter 在 addClick 或者 subClick进行操作时 是否可以实现界面的响应式?data定义数据 methods中定义方法 computed中定义计算属性 watch中监听属性改变。创建一个响应式代理 他跟踪其自身property的响应性,但。// 当我们这样做的时候 会返回两个ref对象,它们是 响应式的。如果想要在setup中定义的数据提供响应式的特性,那么我们可以。原创 2022-11-03 19:03:35 · 980 阅读 · 31 评论 -
Vue | Vue.js 组件化 知识拓展
Vue | Vue.js 组件化 知识拓展 生物学上,生物生命周期指的是一个生物体在生命开始到结束 周而复始所历经的一系列变化过程;每个组件都可能会经历从创建 挂载 更新 卸载等一系列的过程在这个过程的某一个阶段我们可能会想要添加一些属于自己的代码逻辑(如组件创建后请求服务器数据)但是我们如何可以知道目前组件正在哪一个过程?Vue给我们提供了组件的生命周期函数。原创 2022-11-02 15:38:38 · 686 阅读 · 7 评论 -
Vue | Vuejs 组件化 - 插槽Slot/非父子通信
Vuejs 组件化 - 插槽Slot/非父子通信中间右边左边原创 2022-10-31 15:09:48 · 745 阅读 · 5 评论 -
Vue | Vue.js 组件化 - 组件间通信
Props是你可以在组件上注册一些自定义的attribute父组件给这些attribute赋值,子组件通过attribute的名称获取到对应的值。原创 2022-10-28 13:28:16 · 1365 阅读 · 8 评论 -
Vue | Vue.js 组件化基础 - 脚手架
人面对复杂问题的处理方式: 任何一个人处理信息的 逻辑能力都是有限的 当面对一个非常复杂的问题时 我们不太可能一次性搞定一大堆内容 但是 我们人有一种天生的能力 就是将 问题进行拆解 如果将一个复杂的问题 拆分成很多个可以处理的小问题, 再将其放在整体中,你会发现大的问题迎刃而解.组件化也是类似的思想: 如果我们将 一个页面中所有的处理逻辑全部放在一起,处理起来就会变得 非常复杂,而且不利于后续的管理以及拓展. 但如果 我们原创 2022-10-27 11:04:18 · 2008 阅读 · 6 评论 -
Vue | Vue.js 基础 Options API详解
/ console.log("info数据发生了变化", newValue, oldValue);但是 这种做法有一个直观的弊端,就是所有的data使用过程都会变成一个。// console.log({ ...newValue }) // 一个新对象。开发中 我们在data返回的对象中定义了数据,这个数据通过。// 1 默认有两个参数 传递过来,newValue/oldValue。// 2 如果是对象类型 那么拿到的是Proxy(代理对象)// 生命周期回调函数:当前的组件被创建时自动执行。原创 2022-10-25 10:07:17 · 1917 阅读 · 5 评论 -
Vue | Vue.js基础 模版语法(二)
🖥️ Vue.js专栏:Vue.js 初级知识 |🧑💼 个人简介:一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️这个时候我们可以使用v-for来完成v-for类似于Js中的for循环 可以用于遍历一遍数据item in 数组数组通常来自data或者 prop也可以是其他方式item是我们给每项元素起的别名,这个别名可以自定义数组的索引需要索引 可以使用格式: "(item,index) in 数组"原创 2022-10-23 12:34:54 · 2040 阅读 · 12 评论 -
Vue | Vue.js 基础 模版语法
Vue基础知识点 模版语法的使用原创 2022-10-22 09:06:42 · 3062 阅读 · 13 评论 -
Vue.js | Vue.js开发 初体验
一、Vue在前端重要性认识VueVue是一套用于构建用户界面的渐进式 JavaScript框架全称是Vue.js或Vuejs它基于标准HTML CSS和JavaScript构建,并提供了一套声明式 组件化的编程模型;高效开发用户界面什么是渐进式框架?我们可以在项目中一点点来引入和使用Vue 而不一定需要全部使用Vue来开发整个项目原创 2022-10-20 10:01:40 · 2648 阅读 · 7 评论