![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue笔记总结
文章平均质量分 51
Vue2+Vue3的笔记总结,以Xmind格式的形式,有简单的文字总结及鸟瞰图,更直观简洁。
星河路漫漫
且停且忘且随风,且行且看且从容。
展开
-
Vue笔记总结(Xmind格式):第五天
框架内置函数,随着组件的生命周期阶段,自动执行作用: 特定的时间点,执行特定的操作场景: 组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据分类: 4大阶段8个方法创建挂载更新销毁。原创 2024-09-01 09:22:01 · 436 阅读 · 0 评论 -
Vue笔记总结(Xmind格式):第四天
vue知识总结监听器的基本使用:1.作用:允许你响应数据的变化并执行异步操作或DOM更新。2.通过watch属性来定义监听器3.监听引用数据类型时,需要使用深度监听deep:true组件的基本使用:1.作用:封装可重用的代码,提高开发效率用2.组件可以通过 Vue.component 全局注册3.也可以使用 Vue 实例的 components 选项局部注册4.使用组件:在父组件的模板中通过其标签名来引用它。原创 2024-08-30 09:08:24 · 259 阅读 · 0 评论 -
Vue笔记总结(Xmind格式):第三天
vue知识总结响应更新:1.v-for高效更新:①当v-for遍历的目标结构改变, Vue触发v-for的更新②数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()2.v-for就地更新:v-for 的默认行为会尝试原地修改元素而不是移动它们3.动态响应数据处理(数组、对象):①数组:Vue.set(data,index,newvalue);②对象:vm.$set(data,index,newvalue);原创 2024-08-29 20:34:08 · 398 阅读 · 0 评论 -
Vue笔记总结(Xmind格式):第一天
3.delete(捕获“Delete”和“Backspace”键):删除键和退格键。6.up、.down、.left、.right:箭头键。3.v-html:改变html标签,用来接收富文本。5.v-pre:跳过编译过程,直接展示原始标签。4.v-cloak:防止差值表达式出现。6.v-once:只渲染元素和组件一次。1.简写形式 v-on可以简写为@1.指令:带有v-前缀的特殊属性。2.v-text:改变标签的文本。1.v-model的数据双向绑定。4.esc:Escape 键。原创 2024-08-26 19:16:13 · 657 阅读 · 0 评论 -
Vue笔记总结(Xmind格式):第二天
vue知识总结:创建vue脚手架:1.安装Node.js:Vue CLI作为一个npm包,需要Node.js来安装和运行。2.安装Vue CLI:cmd指令 npm install -g @vue/cli3.创建Vue项目:vue create 项目名4.启动服务器:npm run serveVue脚手架生成的主要项目文件:1.node_modules # 项目依赖的第三方包2.public # 静态文件目录3.src # 业务文件夹4.assets # 静态资源。原创 2024-08-27 20:44:56 · 617 阅读 · 0 评论