Vue基础知识之目录

已于 2023-04-03 18:02:57 修改
阅读量501 收藏
点赞数
分类专栏： Vue基础知识 文章标签： vue.js
于 2022-06-02 15:03:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youhebuke225/article/details/125100977
版权

文章目录

基础知识

适用于vue2 ，脑图

  1. v-cloak的使用 点击
  2. 过渡和动画 点击
  3. 过滤器 点击
  4. 插槽的使用 点击

V2原理

  1. 简介 点击
  2. defineProperty点击

Vue3

模板语法

指令

  1. v-for 点击
  2. class绑定与style绑定 点击

Composition API

常用部分

单文件组件 点击

  1. setup点击
  2. 响应式数据定义 点击
  3. 计算属性与监视 点击
  4. 生命周期 点击
  5. 自定义hooks函数 点击
  6. toRef与toRefs的使用 点击
  7. 获取dom元素 点击

不常用部分

  1. shallowReactive与shallowRef点击
  2. customRef的简单使用 点击
  3. readonly与shallowReadonly 点击
  4. toRow与markRow的简单使用 点击
  5. provide与inject 点击
  6. 响应式数据判断 点击

新组件

  1. Fragment 点击
  2. Teleport 点击
  3. Suspense 点击

原理

  1. Proxy 点击
  2. reactive与shallowReactive 点击
  3. ref与shallowRef 点击

高级

  1. h函数 点击
  2. vue的diff算法 点击

vuex4

  1. 简单使用 点击
  2. mapState的简单使用 点击
  3. mapGetters的简单使用 点击
  4. mapMutitions的简单使用 点击
  5. mapActions的简单使用 点击
  6. module的简单使用 点击
  7. 组合式api 点击
  8. 在项目中的使用 点击

vue-router

基础

  1. 简单使用 点击
  2. 路由传参 点击
  3. 路由跳转 点击
  4. 路由匹配语法 点击
  5. 嵌套路由的简单使用 点击
  6. 命名路由与命名视图 点击
  7. 别名与重定向 点击
  8. 路由守卫的使用 点击
  9. 组合式api 点击
  10. 路由元信息 点击

高级

  1. 两种路由模式 点击
youhebuke225
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue基础知识-菜鸟入门
01-03
vue基础
Vue基础知识点附带实例
最新发布
01-30
vue
Vue学习笔记目录 【Vue2与Vue3完结】 (尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通)
emmmm.....
05-06 5861
Vue笔记目录 说明： 本笔记根据如下笔记和平时学习视频截图进行整理 天禹老师的课件笔记，不含视频 https://www.aliyundrive.com/s/B8sDe5u56BU 笔记在线版： https://note.youdao.com/s/5vP46EPC 视频：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 二刷vue 一刷笔记：Vue学习----从基础出发(包含案例) 持续更新 文章目录1. Vue 简介 1. Vue 简介 ...
Vue源码学习目录(持续更新中)
陈坚泓的博客
04-15 1万+
Vue源码学习，跟着黄轶老师的课程学源码
vue学习目录
qq_46580089的博客
09-15 113
2020/9/9 认识Vue：mvvm(model view view-model)认识及vue指令 2020/9/9 认识Vue：条件与循环指令 2020/9/9 认识Vue：处理用户输入 2020-09-10 认识Vue：组件化应用构建 2020/9/14 vue学习笔记——模板语法：模板语法插值 2020/9/15 vue学习笔记——模板语法：指令 ...
vue学习经验 项目目录
似水流年，举重若轻
05-24 5757
目录 一.Vue的介绍 1.为什么使用框架 2.框架和库的区别 3.vue是什么 4.组件之间的传值 10. import 和 export 11.源码目录 12.name 的使用 15.computed 计算属性的使用 16.vue插件大全http://tangjiusheng.com/vue/155.html 17.传递事件用$event 18.vue的默认打...
Vue基础学习目录❤
Xiaoze的博客
09-29 132
对vue基础进行整理，持续不定时更新中... Vue基础 序号 知识点 简介 1 webpack vue脚手架，现代 javascript 应用程序的 静态模块打包器 (module bundler)，可以分析, 翻译, 压缩, 打包 项目 2 基本语法和API vue的插值表达式、v-bind动态属性、v-on事件绑定、MVVM开发模式、v-model等基础API 3 计算属性—computed 计算属性的定义：当变量...
Vue基础知识总结 1：Vue入门
热门推荐
学Java，找哪吒
06-23 8万+
Vue基础教程系列，打造精品专栏。
vue 基础知识总结
qq_40046544的博客
09-14 3125
官方给出的概念：Vue (读音/vjuː/，类似于 view) 是一套用户构建用户界面的前端框架在创建 vue 实例期间，可以在 filters 节点中定义过滤器}}});ref 用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下，组件的 $refs 指向的一个空对象动态组件指的是动态切换组件的显示与隐藏。
vue基础知识汇总
yuandawang的博客
01-06 5808
vue基础知识汇总
vue基础知识点大全
heiligkeil的博客
05-25 1940
目录一、基础指令插值语法 {{xxx}}指令语法 v-bind单向数据绑定 v-bind双向数据绑定 v-model绑定事件 v-on事件修饰符键盘事件 @keyup、@keydown计算属性 computed监视属性 watchwatch 与 computed 区别绑定样式class样式style样式条件渲染 v-if、v-show遍历 v-for添加对象 set()修改数组的7个方法(Vue可监测到):v-model的三个修饰符 trim、number、lazy过滤器 filters内置指令 v-tex
VUE基础知识
m0_60027772的博客
07-16 1401
vue框架是一个轻量级，渐进式的前端框架。
Vue基础知识.pptx
03-24
Vue是一种流行的前端框架，这个PPT旨在帮助面试者加深对于Vue的基本概念和原理的了解。在数据绑定方面，可以介绍Vue的单向数据流和双向数据...总之，这个PPT将涵盖Vue面试中重要的基础知识，帮助面试者有效准备面试。
二Vue基础知识.pdf
07-13
二Vue基础知识.pdf
Vue基础知识面试试题集合
01-11
尤雨溪的初衷是创建一个易于学习和使用的前端框架，并将其设计为渐进式的，可以逐步...由于其优雅的语法、灵活性和文档友好的特点，Vue.js在短时间内赢得了庞大的开发者社区，也为Web应用程序的开发带来了更多选择。
小白都能看明白的Vue中过滤器(filter)的使用详解
youhebuke225的博客
05-28 1万+
Vue中过滤器(filter)的使用 源码 点击 1. 局部过滤器 语法 template <div>{{ name | capitalize }}</div> //或者 <div v-bind:id="rawId | formatId"></div> script filters: { capitalize: function (value) { return value } } 说明 过滤器函数中的value,就是 |前面
Vue3中的h函数
youhebuke225的博客
03-03 6818
众所周知，vue内部构建的其实是虚拟DOM，而虚拟DOM是由虚拟节点生成的，实质上虚拟节点也就是一个js对象事实上，我们在vue中写的template,最终也是经过渲染函数生成对应的VNode而h函数就是用来生成VNode的一个函数，他的全名叫做createVNode。
在控制台拿到vue的实例
youhebuke225的博客
04-19 5735
思路是将vue的实例暴露给window，这样可以通过控制台来操作vue中的属性 组件中 window.vuethis = this; 控制台 不必使用console.log 可以直接调用其中的方法或读取属性
vue-router4之路由传参
youhebuke225的博客
06-24 4531
传参 定义路由 跳转的时候传参 展示的页面 我们这里使用了两种传参的方式定义 传参 使用 所有的参数都保存在下定义 我们会发现query传参的时候，我们对于参数没有什么特殊的定义传参 使用所有的参数都保存在下.........
vue css基础知识
09-22
Vue中的CSS基础知识包括以下几点： 1. 类绑定：使用v-bind:class指令，可以根据条件动态地绑定CSS类名。 2. 样式绑定：使用v-bind:style指令，可以绑定一个样式对象，动态地设置元素的样式。 3. 条件渲染：使用v-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值