Vue学习
文章平均质量分 93
路上捡来的博客
这个作者很懒,什么都没留下…
展开
-
vue3 高阶语法
1.2 h函数的基本使用h函数接收三个参数:type,props 和 children。type类型:String | Object | Function详细:HTML 标签名、组件、异步组件或函数式组件。使用返回 null 的函数将渲染一个注释。此参数是必需的。props类型:Object详细:一个对象,与我们将在模板中使用的 attribute、prop 和事件相对应。可选。children类型:String | Array | Object详细:原创 2022-01-18 11:46:46 · 1509 阅读 · 0 评论 -
Vue3组件化高级基础
1.父子组件通信1.1父组件传值给子组件:父组件自定义属性传值: <div> <header :navList="list" :title="你好"></header> </div></template><script>import header from "./Header.vue";export default { components: { header, }, // 定义属性原创 2022-01-14 09:54:51 · 921 阅读 · 0 评论 -
Vue3.Router路由的使用
vue3和vue2路由基础部分变动不大,基础详情查看,该篇是针对之前的文章进行补充。vue2router基础。1. router-link 属性属性描述to要跳转的路由replace设置 replace 属性的话,当点击时,会调用 router.replace(),而不是 router.push();active-class设置激活a元素后应用的class,默认是router-link-activeexact-active-class链接精准激活时,应用于渲原创 2022-01-10 15:48:20 · 8883 阅读 · 0 评论 -
Vue3 compositionAPI等知识补充
1. 了解composition APIOptions API的弊端:vue2中使用的时Options API,其一大特点就是在对应的属性中编写对应的功能模块;比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变,也包括生命 周期钩子。但是这种代码有一个弊端:当我们实现某一功能时,这个功能对应的代码逻辑会被拆分到各个属性中,阅读困难,当我们处理单个逻辑关注点时,需要不断的跳到相应的代码块中。compositions API 的出现解决了这个大组件逻原创 2022-01-06 23:11:28 · 532 阅读 · 0 评论 -
VUE3深入源码了解key
1. 为什么要使用key??Vue官网中对此有相关介绍:key 特殊 attribute 主要用做 Vue 的虚拟 DOM 算法的提示,以在比对新旧节点组时辨识 VNodes。延申:什么是VNodes?VNodes即虚拟节点,是存在于内存当中一个的JavaScript的对象。Vue中模板引擎会先将每一个标签最后都会渲染成一个个Vnode,组成VNode Tree,再转成真实DOM(为了多平台的适配) 。如:为什么需要这个key属性呢?这个其实和Vue内部也使用了虚拟DOM有关系(和小程序、原创 2021-12-07 16:29:17 · 902 阅读 · 1 评论 -
Vue2.0 学习笔记六 VueX
1. 什么是VueXVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。可以简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面。1.1 单页面的状态管理1.2 多界面状态管理Vue已经帮我们做了单界面的状态管理,但是如果多个原创 2021-03-23 08:55:39 · 423 阅读 · 0 评论 -
Vue2.0 学习笔记五 路由
1. 路由发展阶段vue2.0 B站有个大佬讲的很好,很多概念都是从他那里学习来的,包括一部分笔记。叫ilovecoding老师。路由时一个比较广义和抽象的概念,路由的本质是对应关系。路由的发展分为后端路由和前端路由,1.1 后端路由阶段当我们页面中需要请求不同的路径内容时, 交给服务器来进行处理, 服务器渲染好整个页面, 并且将页面返回给客户.这种情况下渲染好的页面, 不需要单独加载任何的js和css, 可以直接交给浏览器展示, 这样也有利于SEO的优化.概念根据不同的用户URL请求,返回原创 2021-03-19 13:46:15 · 239 阅读 · 0 评论 -
Vue2.0 学习笔记四 组件化开发
1. 什么是组件化组件化就是把重复的代码提取出来合并成为一个个组件,组件最重要的就是重用(复用),位于框架最底层,其他功能都依赖于组件,可供不同功能使用,独立性强。Vue 的组件分为全局组件和局部组件。2. 全局组件与局部组件2.1 全局组件和局部组件的区别全局组件: 全局组件注册后,任何Vue实例都可以使用。局部组件:只能在当前组测它的Vue实例中使用2.2 全局组件2.3 局部注册局部注册效果图:2.4 代码部分2.4.1 全局组件注册代码<!DOCTYPE原创 2021-03-15 10:59:11 · 184 阅读 · 0 评论 -
Vue2.0学习笔记二 基础语法
1. Mustache语法Mustache语法也叫插值表达式,Mustache语法式通过{{}}渲染到页面,并且数据是响应式的。数据的响应式:数据的变化导致页面的内容随之变化[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fGYQkKzS-1614693619778)(\images\插值表达式1.png)]效果图:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qrcFF6Lr-1614693619780)(\images\插值表达式效原创 2021-03-02 22:01:15 · 406 阅读 · 0 评论 -
Vue2.0学习笔记一 认识Vue
一、 什么是VUE Vue (读音 /vjuː/,类似于 view) (千万不要读错,尤其是在面试时,曾经听同事说过有人就因为读错被PASS)是一套用于构建用户界面的渐进式框架。 学习Vue之前有个前提,就是基本掌握前端的三板斧HTML、CSS、JavaScript。1. 什么是渐进式框架? Vue并不是强主张的框架,并没有规定必须使用它的模块机制和依赖注入。渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。Vue将功能分层,最核心的部分就是视图渲染,然后原创 2021-02-22 21:59:08 · 191 阅读 · 0 评论