vue
文章平均质量分 91
糖^O^
这个作者很懒,什么都没留下…
展开
-
【Vue源码解析】Vue虚拟dom和diff算法
关系diff是发生在虚拟DOM上的新虚拟DOM和旧虚拟DOM进行diff(精细化比较),算出应该如何最小量更新,最后反映到真正的DOM上diff算法diff算法是虚拟DOM技术的产物,vue里面实际叫做patch,它的核心实现来自于snabbdom;通过新旧虚拟DOM作对比(即patch),将变化的地方转换为DOM操作。原创 2023-02-22 11:18:24 · 1410 阅读 · 23 评论 -
【Vue源码解析】mustache模板引擎
模板引擎是将数据变为视图最优雅的解决方案以前出现过的其它数据变视图的方法纯 DOM 法数组 join 法在 js 里单双引号内的内容是不能换行的,为了提高 dom 结构可读性,利用了数组的 join 方法(将数组变为字符串),注意 join 的参数 ‘’ 不可以省略,否则得到的 str 字符串会是以逗号间隔的es6 的模板字符串(``)刚开始用模板引擎时可以引用 如下:原创 2022-12-10 10:36:20 · 1345 阅读 · 27 评论 -
【Vue3】vue3——setup,ref函数,reactive函数
1.setup组件中所用到的:数据、方法等等,均要配置在setup中setup函数的两种返回值:若返回一个对象,则对象中的属性、方法, 在模板中均可以直接使用。(重点注意)若返回一个渲染函数:则可以自定义渲染内容。注意:vue2可以读取vue3里面的数据原创 2022-11-29 17:20:22 · 255 阅读 · 0 评论 -
【vue】路由守卫
next:函数体 必须要next()才会让路由正常地跳转和切换,next(false)在原地停留,next(“强制修改到另一个路由路径上”)全局路由在真正跳转之前,会执行一次beforeEach函数,next调用则跳转,也可以强制修改要跳转的路由。注意:一定要调用next,如果不调用next,那么页面不会跳转的。用户未登录就不能去某个页面,登录之后可以去到一些页面。路由守卫可以给开路由添加权限判断,例如。就是在 routes 子路由内写守卫。from:从哪里跳转的路由 来源。to:要跳转到的路由目标。原创 2022-10-15 16:02:52 · 519 阅读 · 2 评论 -
vue2路由的详解
1. 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。> 2. 前端路由:key是路径,value是组件。原创 2022-10-03 23:23:13 · 800 阅读 · 43 评论 -
Vue(六)——vuex
在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理,也是一种组件间通信的方式,且适用于任意组件间通信。原创 2022-09-24 18:20:46 · 23583 阅读 · 41 评论 -
Vue封装的过度与动画,脚手架配置代理, slot插槽
2.8 Vue封装的过度与动画2.9 vue脚手架配置代理2.10 slot插槽原创 2022-09-19 21:03:08 · 23636 阅读 · 44 评论 -
Vue(四)——全局事件总线, 消息订阅与发布 ,nextTick
💻博主主页: 👉🏻 👉🏻 👉🏻🌞🌞🌞上一篇:👍👍👍 希望各位博主多多支持!!!🌹 🌹 🌹。原创 2022-09-13 23:44:57 · 23353 阅读 · 56 评论 -
Vue(三)——脚手架,自定义事件,插槽
第一步(没有安装过的执行):全局安装 @vue/cli第二步:切换到要创建项目的目录,然后使用命令创建项目第三步:启动项目安装之后,会出现如下的结构:导入自己写的:导入第三方的通过 module 确定需要引入的文件,回到 render 函数,以前的写法是:报错的意思是,是在使用运行版本的 vue ,没有模板解析器。引入的 vue一般都不是完整版的,所以残缺的vue.js 只有通过 render 函数才能把项目给跑起来。来解析一下render因为 render 函数内并没有用到 this,所以可以简原创 2022-09-10 18:05:02 · 23055 阅读 · 51 评论 -
vue2与vue3生命周期的区别
💻博主主页: 👉🏻 👉🏻 👉🏻🌞🌞🌞上一篇:👍👍👍 感兴趣的小伙伴一起来看看吧!!!🌹 🌹 🌹。原创 2022-09-08 20:52:48 · 3144 阅读 · 54 评论 -
Vue(三)——过滤器,内置指令,自定义指令,组件
1.16. 过滤器1.16.1. 局部过滤器1.16.2. 全局过滤器1.17. 内置指令1.17.1. v-text指令1.17.2. v-html指令:(使用的很少)1.17.3. v-cloak指令(没有值)1.17.4. v-once指令1.17.5. v-pre指令1.18. 自定义指令1.19. 非单文件组件**注意点:**🔮内置关系定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。原创 2022-09-06 23:08:37 · 767 阅读 · 39 评论 -
vue基础知识和原理(二)
2.所有不被Vue所管理的函数(定时器的回调函数、ajax的回调函数等、Promise的回调函数),最好写成箭头函数,这样this的指向才是vm 或 组件实例对象。1.所被Vue管理的函数,最好写成普通函数,这样this的指向才是vm 或 组件实例对象。(1) 若:,则v-model收集的是value值,用户输入的就是value值。(2) 若:,则v-model收集的是value值,且要给标签配置value值。(1).Vue自身可以监测对象内部值的改变,但Vue提供的watch默认不可以。......原创 2022-08-14 15:29:37 · 23757 阅读 · 0 评论 -
vue基础知识和原理(一)
让Vue工作,就须创建一个Vue实例,且要传入一个配置对象demo容器里的代码符合html规范,只不过混入了一些特殊的Vue语法demo容器里的代码被称为【Vue模板】Vue实例和容器是一一对应的真实开发中只有一个Vue实例,并且会配合着组件一起使用{{xxx}}是Vue的语法:插值表达式,{{xxx}}可以读取到data中的所有属性一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新(Vue实现的响应式)...原创 2022-08-07 17:01:28 · 22739 阅读 · 2 评论