1.父子间传值的几种方式
父级-子级 props
子级-父级 emit
$ref
provide inject
中央事件总线
$parent $root
$attr $listener
vuex
2.vue是否是单向数据流 是
vuex是否是单向数据流 是
v-model是vue中双向数据流的一种实现
-
父组件内调用子组件的实例
this.$refs.ref
-
vue实现网页的前进后退
-
vue给对象添加新属性界面不刷新
-
vue2和vue3的区别
-
v-if v-show
都是控制元素的显示和隐藏 v-if 操作dom控制元素,隐藏时节点在页面内不渲染; v-show通过css样式dispplay:none控制元素,隐藏时在页面仍然渲染;
-
.prevent .self .once
prevent 阻止默认事件 self 当自身事件发生时触发 once 仅在第一次事件发生时触发
-
vue的优点和缺点
优点:组件化,指令系统,双向数据绑定,轻量级,开发简单,操作虚拟dom速度快 缺点:vue不支持ie8,市场占比小
-
路由守卫
全局守卫:beforeEach afterEach 路由守卫:beforeEnter 组件守卫:beforeRouteEnter beforeRouteUpdate beforeRouteLeave
所有的路由守卫都是三个参数:
to:要进入的目标路由(去哪儿) from:要离开的路由(从哪儿来) next:是否进行下一步(要不要继续) 注意:afterEach没有next参数
关于next:
写next()相当于next(true)继续执行 不写相当于next(false)终止执行 next(path)跳转 例如:next('/login')
关于不同守卫适用的场景:
全局前置守卫:进入页面登陆判断、管理员权限判断、浏览器判断等;全局守卫只要有跳转就会 执行守卫函数; 路由守卫:单个路由配置的时候也可以设置的钩子函数,路由守卫只有跳转到当前路由时才执行 路由守卫函数,一般用于跳转判断;
-
修饰符
表单修饰符:v-model.lazy .trim .number
事件修饰符:
鼠标按钮修饰符:
键盘修饰符:
v-bind修饰符: -
前端如何处理token的缓存
-
echarts如何安装到项目中
-
computed watch区别
computed 计算属性,依赖于其他属性的属性值,有缓存,只有当依赖的值发生变化才更新;适合在模板渲染中 watch是在监听的属性值发生变化时,在回调中执行一些逻辑;适合在实现复杂的业务逻辑
-
页面跳转的几种方式
-
单页面应用和多页面应用的区别
-
webpack的入口文件 出口文件
入口文件默认为src/index.js,出口文件默认是dist/main.js
默认入口和出口是可以修改的 -
什么是pinia?Vue中怎么使用它?
Pinia 是 Vue.js 的轻量级状态管理库