首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue2
咖喱崔
创建于2023-02-07
订阅专栏
vue2相关
暂无订阅
共36篇文章
创建于2023-02-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue2中注册在router-link上事件无效解决方法
router-link是路由的一个组件,在组件上使用原生的事件的时候,必须在事件名后面加一个.native修饰符,这样vue才会知道事件是原生事件。 同理,我们在使用ElementUI里的组件是,只要
虚拟DOM以及Diff算法
虚拟DOM 就是一个普通的js对象,用来描述一个真实的DOM结 虚拟dom好处 提升性能减少不必要的DOM更新,避免频繁重绘和回流 可以实现跨平台 什么是diff算法 diff算法:初始化的时候会有一
插槽
作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 ===> 子组件 。 分类:默认插槽、具名插槽、作用域插槽 使用方式: 默认插槽: 具名插槽: 作用域插槽
路由
理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 一.基本使用 安装vue-route
vue脚手架配置代理
方法一 在vue.config.js中添加如下配置: 说明: 优点:配置简单,请求资源时直接发给前端(8080)即可。 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。 工作方式:若按照上述配置
Vue封装的过度与动画
作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 图示: 准备好样式: 元素进入的样式: v-enter:进入的起点 v-enter-active:进入过程中 v-enter-
vuex
一、什么是vuex: 集中式状态管理仓库 二、何时使用: 多个组件需要共享数据时 三、五个核心概念: state 集中的数据 mutations 唯一可以修改state中数据的地方 actions m
$nextTick实现的原理
vue.js内部是先去用Promise.then、MutationObserver这二个微任务的api来实现,如果发现浏览器不支持,换成用宏任务setTimeout来实现的(优雅降级) Promise
Vue组件之间的通信方式都有哪些?
1、父组件向子组件传递数据 props 2、子组件向父组件传递数据($emit的用法) 3、兄弟组件通信 4、ref / $refs 5、eventBus事件总线($emit $on) 6、依赖注入(
SPA单页面的理解?
一、什么是SPA 单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互。 这种方法避免了页面之间切换打断用户体验在单页面应用中,所有必要的代码(HTML、JavaScrip
单向数据流的理解
单向数据流: 一般指数据从父组件传到子组件,子组件没有权限直接修改父组件传过来的数据 ,就是 子组件从props中直接获取的数据,只能请求父组件修改数据再传给子组件,父级属性值的更新会流动到子组件中
router和route的区别
1.route ### 通过 $route.params 获取动态路由参数 在动态路由渲染出来的组件中,可以使用 this.$route.params 对象访问到动态匹配的参数值。this.$rout
<template></template>`有什么用?
- 就是一种模板占位符,帮助包裹元素,我们循环渲染过程中,不会被渲染到页面上 - 多次循环的时候,里面代码可以多次使用
MVC的理解
Model(模型):数据模型,提供要展示的数据,因此包含数据和行为,主要提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。主要使用的技术:数据模型:实体类(JavaBean),数据访问:J
MVVM理解
- `Model` - 模型、数据 - `View` - 视图、模板(视图和模型是分离的) - `ViewModel` - 连接 `Model` 和 `View` 好处: - 不用操作dom - 代码
如何理解vue
vue是一套用于构建用户界面的渐进式框架,与其他框架不同的是,vue被设计为可以自底向上逐层应用,它也是创建单页面应用的web应用框架。vue的核心库只关注视图层,不仅易上手,还便于与第三方库或既有项