随笔分类 - vue
摘要：vue3 升级的重要功能 1.createApp 2.emits属性 3.Fragment 4.移除.sync 改为 v-model参数 5.异步组件的引用方式 6.移除filter 7.Teleport 8.Suspense 9.生命周期 Composition API 10.compositio
阅读全文
摘要：Vuex 是一个用于管理Vue.js 状态管理库，可以更方便地在不同的组件间共享和修改状态 一、Vuex 基本概念 state： 存放公共数据的地方 getters：根据业务场景处理放回的数据 actions： 用于异步操作，通过分发操作触发mutation，间接更新state mutations：
阅读全文
摘要：1.自定义 v-model 2.$nextTick 3.ref 4.slot 5.动态组件 6.异步组件 7.keep-alive 8.mixin 一、自定义 v-model，以及v-model的实现原理 子组件： <template> <input type="text" v-model="val
阅读全文
摘要：1.模板 2.computed 和 watch 3.class 和 style 4.条件 5.循环 6.事件 7.表单 一、模板 插值、表达式 <template> <div> p>文本插值 {{message}}</p> <p> js 表达式 {{flag: 'yes' : 'no'}} (只能是
阅读全文
摘要：一、vue-router是什么 通过改变URL,在不重新请求页面的情况下，更新页面视图 二、vue-router两种模式 更新视图但不请求页面，是前端路由原理的核心之一。目前在浏览器中，实现这一点主要有两种方式： 1.hash 模式（默认） 2.history 模式 两种模式根据mode参数来决定选
阅读全文
摘要：vue2 原理大概分如下几部分： 1.组件化和MVVM 2.响应式原理 3.vdom 和 diff算法 4.模板编译 5.组件渲染过程 6.前端路由 一、组件化 和 MVVM 组件化: 很久以前已经有组件化了，如： asp、jsp、php、nodejs也有类似组件 数据驱动视图（MVVM,setSt
阅读全文
摘要：一 vnode和vdom是什么？ 1.vnode本质就是一个js对象。只不过它是以对象的形式，通过不同的属性去描述一个节点结构。 2.vdom：就是多个vnode组成的树形结构 二、为什么要引入vdom而不是直接操作真实dom? DOM 操作非常耗费性能，频繁操作会触发页面的回流和重绘，严重影响性能
阅读全文
摘要：Vue的优点 说说你对SPA单页面的理解,它的优缺点是什么 SPA首屏加载速度慢怎么解决？ Vue框架的MVVM模式 Vue中computed和watch的区别，以及适用场景 Vue生命周期有哪些？每个生命周期适合那些场景？ Vue第一次页面加载会触发那些钩子函数 请求数据放到created和mou
阅读全文
摘要：vue-devtools是一款基于chrome浏览器的插件,可以帮我们快速调试vue项目 vue-devtools手动安装： 第一步：找到vue-devtools的github项目（https://github.com/vuejs/vue-devtools），并将其clone到本地 第二步： 安装项
阅读全文
摘要：URL中#符号本身以及它的字符称之为hash,可以通过window.location.hash获取。hash具有如下特点： 1.has虽然出现在URL中，但不会被包括在http请求中。因此，改变hash不会重新加载页面 2.可以为has改变添加监听事件：window.addEventListener
阅读全文
