vue知识点整理及面试必备题库
文章平均质量分 72
vue大厂面试题分享
vue技术栈从入门到精通
vue常用实例等
码上流星&洒下星辰
前端领域新星创作者、技术传递力量、传承布道精神、期待你我共同进步
展开
-
vue创建项目流程
.安装node.js环境可以去官网下载安装包:https://nodejs.org/安装好后,可以输入node -v npm -v成功的话会显示相应的版本号2.安装vue-cli VUE脚本架工具npm install -g vue-cli#回车,等待安装vue -V#若出现vue信息说明成功3.用vue-cli构建项目vue init webpack vuedemo(这个可以是全路径+项目名称)#这里需要进行一些配置,默认回车即可原创 2021-05-28 15:46:10 · 320 阅读 · 6 评论 -
vuex的基础使用
一. 五大核心State存储应用状态数据的对象 类似 data 值可以是对象 或者是返回对象的函数 使用函数的方式 返回对象 每次返回的都是新的实例对象引用地址不同 state更新了 视图没更新 因为钩子函数未触发导致 computed解决Gettersstate中派生的状态数据 接收state作为第一个参数 第二个为 可选参数Mutations提交mutation来修改store中的状态同步操作 每个mutation都有一个字符串事件类型 ( type ) 与 一个回调函数 (h转载 2021-09-01 12:03:50 · 141 阅读 · 2 评论 -
Vuex常见面试题
1.vuex是什么?怎么使用?哪种功能场景使用它?Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。(公共数据库)当项目遇到以下两种场景时 1. 多个组件依赖于同一状态时。 2. 来自不同组件的行为需要变更同一状态。解决的问题:多个视图依赖同一个状态,来自不同视图的行为需要变更同一状态,适用于中大型的单页面应用。2.vuex有哪几种属性?有五种,分别是 State、 Getter、Mutation 、Action、 Modulestate:存放公共数据的地原创 2022-05-16 20:42:29 · 2819 阅读 · 0 评论 -
vue常用面试题(四)
1. vue.js的两个核心是什么数据驱动(数据改变会驱动页面更新)和组件化2. Vue中一个元素如何绑定多个事件使用@click=“handle();handle1()”,分号隔开即可3. Vue路由有几种实现方式,它们的异同点是什么hash: 使用变更hash不会刷新页面的特性, 来变更路由, 做到单页面无刷新history: 使用html5的history方法, 不支持老旧浏览器, 但是如果要部署到服务器的化, 需要在ng上进行相应的正向代理跳转, 否则拷贝的链接会打不开原创 2022-04-19 15:59:55 · 665 阅读 · 0 评论 -
Vue中常用的组件传值方式
父传子1. 子组件在props中创建一个属性,用以接收父组件传过来的值2. 父组件中注册子组件3. 在子组件标签中添加子组件props中创建的属性4. 把需要传给子组件的值赋给该属性5. 浏览器输出子传父1. 在子组件中创建一个按钮,给按钮绑定一个点击事件子组件中需要以某种方式例如点击事件的方法来触发一个自定义事件2. 在响应该点击事件的函数中使用$emit来触发一个自定义事件,并传递一个参数将需要传的值作为$emit的第二个参数,该值将作为实参传给响应自定义事件的方法原创 2022-04-18 19:51:40 · 688 阅读 · 4 评论 -
Vuex详解
一、Vuex是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。优点:能够在Vuex中集中管理共享的数居,易于开发和后期维护能够高效地实现组件之间的数据共享,提高开发效率存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步什么样的数据适合存储到Vuex中:一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data中即可。模板:main.jsimport Vue from 'vue原创 2022-04-13 19:13:29 · 880 阅读 · 0 评论 -
关于vue2中$set及$delete的使用
this.$set的使用在平时使用vue进行开发的时候,我经常会遇到一个这样的问题:就是当data中包含声明且已赋值的对象或者数组(数组包对象)时,我们要向当前的这个对象中添加一个新的属性并且更新,结果发现并不会更新视图,只在控制台打印<template> <div> <span>{{obj}}</span> <input type="button" @click="add()"> </div>原创 2022-03-29 16:20:27 · 3220 阅读 · 0 评论 -
Vue全部知识点整理
vue以数据驱动为视图的渐进式MVVM框架。渐进式:循序渐进的使用vue,可选择性强,可以只使用vue的小功能,不必完全使用vue。不强制的意思。– mvvm:m:数据模型, v-view 视图:数据是双向绑定的,所有数据改变导致视图改变。vue底层原理和vue描述原理:Object.definPropertyvue:优点:虚拟dom,模块化开发,数据驱动,双向响应,浏览器统一兼容。缺点:由于是js生成的虚拟dom,不利于seo爬虫爬取,首屏加载相对于静态页面慢。data为什么是函数因原创 2021-11-01 19:17:18 · 4947 阅读 · 6 评论 -
Vue-Router总结
路由三大组成部分router-link:导航—link 标签router-view:路由视图–路由页面呈现的地方 newVueRouter():路由配置—routes路由配置 VueRouter它是什么?vue-router 是 vue 官方出的一个专门用于 vue 的路由。使用插件安装Vue.use(VueRouter)组成部分mode:让路由以某种形式呈现,hash 和 history 模式base:设置一个根路径,用于发布的时候绑定服务端子目录的routes:设置路由匹原创 2021-06-03 12:07:40 · 427 阅读 · 2 评论 -
vue-router刷新页面后回到首页
今天给大家分享一个小知识点!注意查收!平时我们再写vue项目配置完路由之后会发现他不会自动回到首页,解决方法很简单,加个判断就可以啦!在App.vue中直接写入以下代码在created钩子函数中判断当前路由地址是否在首页home,如果不在则替换为home页面created() { if (this.$router.path !== "/home") this.$router.replace("home") }此处用created而不用mounted的原原创 2021-06-13 21:33:06 · 14608 阅读 · 11 评论 -
vue常用面试题(三)
1.计算属性computed是一个对象的时候,他有哪些选项?有get和set俩个选项2.computed和methods有什么区别?计算属性具有缓存机制。 methods中的方法每使用一次方法就会被调用一次,不管里面的数据是否发生变化。而使用计算属性时,只要里面影响结果的变量没有发生变化,无论计算属性被使用多少次,函数都只会被调用一次。3.computed是否能依赖其他组件中的数据?可以,相当于vuex中的getters4.watch是一个对象时他有哪些选项deep,handle原创 2021-07-02 09:33:04 · 400 阅读 · 2 评论 -
vue常用面试题(二)
1.vue事件中如何使用event对象<button @click=“Event($event)”>事件对象2.Vue 组件中 data 为什么必须是函数vue组件中data值不能为对象,因为对象是引用类型,组件可能会被多个实例同时引用。如果data值为对象,将导致多个实例共享一个对象,其中一个组件改变data属性值,其它实例也会受到影响3.vue中子组件调用父组件的方法第一种方法是直接在子组件中通过this.parent.event来调用父组件的方法第二种方法是在子组件里原创 2021-06-11 11:57:43 · 310 阅读 · 2 评论 -
vue常用知识总结
vue常用知识总结vue简介vue 响应式原理:Object.defineProperty。vue 的作者:尤雨溪 java 出身。vue 是什么:以数据驱动视图的单页面(spa)渐进式 MVVM 框架。 特性:数据双向绑定模块化开发:为了不让所有的代码放在同一文件内看着不舒服(降低开发时间,提高开发效率),每个部分都是一个独立的文件,哪里使用就引入到哪里,目的是好控制,减少代码复用vue常用指令-v-text 渲染文本,等价插值写法 插值:{{内容}}v-html 既可以渲原创 2021-05-27 11:59:19 · 652 阅读 · 17 评论