-
【前端】49、Vue中watch、methods 和 computed 的区别?
1、基本说明 1.1)computed： 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2)methods： methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。 1.3)watch： …- 516
- 0
-
【前端】48、Vue中v-show 和 v-if 指令的共同点和不同点?
1、相同点： v-show 和 v-if 都能控制元素的显示和隐藏。 2、不同点： 2.1）实现本质方法不同 v-show 本质就是通过设置 css 中的 display 设置为 none，控制隐藏 &nbs…- 604
- 0
-
【前端】47、Vue自定义指令(v-check、v-focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子函数参数?
1、全局定义指令：在 vue 对象的 directive 方法里面有两个参数，一个是指令名称，另外一个是函数。 2、组件内定义指令：directives：钩子函数：bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新)钩子函数参数：el、binding- 1k
- 0
-
【前端】46、Vue 常用的指令都有哪些？并且说明其作用
1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、v-for 格式： v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ngrepeat),需要注意从 vue2 开始取消了$index 3、v-show 显示内容 （同 angular 中的 ng-show） 4、v-hide…- 397
- 0
-
【前端】45、Vue 常用的修饰符都有哪些？
1、.prevent: 提交事件不再重载页面； 2、.stop: 阻止单击事件冒泡； 3、.self: 当事件发生在该元素本身而不是子元素的时候会触发； 4、.capture: 事件侦听，事件发生的时候会调用- 548
- 0
-
【前端】44、跟 keep-alive 有关的生命周期是哪些？
1、前言：在开发 Vue 项目的时候，大部分组件是没必要多次渲染的，所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态，避免重新渲染，在开发 Vue 项目的时候，大部分组件是没必要多次渲染的，所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态，避免重新渲染 2、生命周期函数：在被 keep-alive 包含的组件/路由中，会多出两个生命周期的钩子:a…- 749
- 0
-
【前端】43、Vue 该如何实现组件缓存?
在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，vue 中有个动态组件的概念，它能够帮助开发者更好的实现组件之间的切换，但是在面对需求频繁的变化，去要切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状态，为了解决这个问题，需要使用到 vue 中内置组件<keep-alive> <…- 368
- 0
-
【前端】42、Vue 中 solt 的使用方式，以及 solt 作用域插槽的用法
使用方式 当组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给solt 标签添加 name 属性的 时候，可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind绑定进而传递过来的数 据，父组件通过 scope 来进行接受子组件传递过来的数据- 621
- 0
-
【前端】41、Vue-cli 用自定义的组件？有遇到过哪些问题吗？
1、在 components 目录新建你的组件文件（indexPage.vue），script 一定要 export default{} 2、在需要用的页面（组件）中导入：import indexPage from'@/components/indexPage.vue' 3、注入到 vue 的子组件的 components 属性上面,componen…- 414
- 0
-
【前端】40、Vue 组件里的定时器要怎么销毁？
如果页面上有很多定时器，可以在 data 选项中创建一个对象 timer，给每个定时器取个名字一一映射在对象 timer 中， 在 beforeDestroy 构造函数中 for(let k inthis.timer){clearInterval(k)}； 如果页面只有单个定时器，可以这么做 const timer = setInterval(() =>{}, 500); th…- 566
- 0
-
【前端】39、怎么捕获 Vue 组件的错误信息？
1、errorCaptured 是组件内部钩子，当捕获一个来自子孙组件的错误时被调用，接收error、vm、info 三个参数，return false 后可以阻止错误继续向上抛出 2、errorHandler 为全局钩子，使用 Vue.config.errorHandler 配置，接收参数与errorCaptured 一致，2.6 后可捕捉 v-on 与 promise 链的错误，…- 657
- 0
-
【前端】38、怎么在VUE组件中监听路由参数的变化？
有两种方法可以监听路由参数的变化，但是只能用在包含<router-view />的组件内。 第一种 watch: { '$route'(to, from) { // 在此处监听 }, }, 第二种 beforeRouteUpdate (to, from, next) { //这里监听 }- 580
- 0
-
【前端】37、Vue 组件 data 为什么必须是函数
1、个组件都是 Vue 的实例 2、组件共享 data 属性，当 data 的值是同一个引用类型的值时，改变其中一个会影响其他 3、组件中的 data 写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的 data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份 data，就会造成一个变了全都会变…- 236
- 0
-
【前端】36、VUE组件中写 name 选项有什么作用？
1、项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 2、DOM 做递归组件时需要调用自身 name 3、vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的- 522
- 0
-
【前端】35、Vue 组件如何进行传值的?
1、父组件向子组件传递数据 父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上，在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数，父组件监听使用@（von）进行监听，然后进行方法处理 3、非父子组件之间传递数据 3.1 引入第三方 new vue 定义为 eventBus …- 254
- 0
-
【前端】34、请说下封装 Vue 组件的过程？
首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题 1、分析需求：确定业务需求，把页面中可以服用的结构，样式以及功能，单独抽离成一个文件，实现复用 2、具体步骤：使用 Vue.extend 方法创建一个组件，然后使用 Vue.component 方法注册组件，子组件需要数据，可以在 props 中接受定义，而子组件修改好数…- 771
- 0
-
【前端】33、VUE第一次加载页面会触发哪几个钩子函数？
当页面第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子函数- 1.6k
- 0
-
【前端】32、Vue 生命周期总共分为几个阶段？
Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 1、beforeCreate：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用 2、created：在实例创建完成后被立即调用。在这一步，实例已完成…- 440
- 0
-
【前端】31、Object.defineProperty 和 Proxy 的区别
Object.defineProperty 和 Proxy 的区别如下: 1、Proxy 可以直接监听对象而非属性； 2、Proxy 可以直接监听数组的变化； 3、Proxy 有多达 13 种拦截方法,不限于 apply、ownKeys、deleteProperty、has 等等！是 Object.defineProperty 不具备的 4、Prox…- 430
- 0
-
【前端】30、Vue 数据双向绑定的原理是什么?
Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty()来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 需要 observe 的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter 和getter，这样的话，给这个对象的某个值赋值，就会触发 setter，那么就能监听到…- 140
- 0
-
【前端】29、MVVM 和MVC 区别是什么？哪些场景适合？
1、基本定义 1.1）MVVM 基本定义 MVVM 即 Model-View-ViewModel 的简写，即模型-视图-视图模型，模型（Model） 指的是后端传递的数据，视图(View)指的是所看到的页面，视图模型(ViewModel)是 mvvm 模式的核心，它是连接 view 和 model 的桥梁。它有两个方向： &nb…- 413
- 0
-
【前端】28、Vue 和jQuery 两者之间的区别是什么？
1、jQuery 介绍： jQuery 曾经也是现在依然最流行的 web 前端js 库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的 js 库所代替，随着浏览器厂商对 HTML5 规范统一遵循以及 ECMA6 在浏览器端的实现，jQuery 的使用率将会越来越低 2、vue 介绍： vue 是一个兴起的前端 js 库，是一个精简的 MVVM。从技术角度讲，Vue.js 专注于MVVM 模型…- 287
- 0
-
【前端】27、Vue 的最大的优势是什么
Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快，并且作者是中国人尤雨溪，对应的 API 文档对国内开发者优化，作为前端开发人员的首选入门框架 Vue 的优势： 1、Vue.js 可以进行组件化开发，使代码编写量大大减少，读者更加易于理解。 2、Vue.js 最突出的优势在于可以对数据进行双向绑定。 3、使用 Vue.js 编写出来的界面效果本身…- 586
- 0
-
【前端】25、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？ 垂直方向：line-height 水平方向：letter-spacing 那么问题来了，关于 letter-spacing 的妙用知道有哪些么？ 答案:可以用于消除 inline-block 元素间的换行符空格间隙问题。- 458
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
