谈谈Vue.observable

面试官：Vue.observable你有了解过吗？说说看

一、Observable 是什么

Observable 翻译过来我们可以理解成可观察的

说说你对slot的理解

面试官：说说你对slot的理解？slot使用场景有哪些？

一、slot是什么

在HTML中 slot 元素 ，作为 Web Components 技术套件的一部分，是Web组件内的一个占位符

该占位符可以在后期使用自己的标记语言填充

Bootstrap vs Tailwind CSS | 你需要哪一个？

CSS 框架已经在 web 开发中流行了10多年，新的框架不断涌现。当然，如果有“最好的”，这当然是一个可以接受的问题。在本文中，我们将研究最流行的 CSS 框架 Bootstrap 和 Tailwind CSS。

说说你对vue的mixin的理解

面试官：说说你对vue的mixin的理解，有什么应用场景？

一、mixin是什么

Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类

Mixin类通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用又避免了多继承的复杂

说说你对nexttick的理解

面试官：Vue中的$nextTick有什么作用？

一、NextTick是什么

官方对其的定义

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM

什么意思呢？

双向绑定：

面试官：双向数据绑定是什么？

一、什么是双向绑定

我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个栗子

vue组件之间的通信方式有哪些？

面试官：Vue组件之间的通信方式都有哪些？

一、组件间通信的概念

开始之前，我们把组件间通信这个词进行拆分

• 组件
• 通信

vue中组件和插件的区别：

面试官：Vue中组件和插件有什么区别？

一、组件是什么

回顾以前对组件的定义：

组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在Vue中每一个.vue文件都可以视为一个组件

vue的data添加一个新的属性时会发生什么？

面试官：动态给vue的data添加一个新的属性时会发生什么？怎样解决？

一、直接添加属性的问题

我们从一个例子开始

定义一个p标签，通过v-for指令进行遍历

然后给botton标签绑定点击事件，我们预期点击按钮时，数据新增一个属性，界面也新增一行

面试官：为什么data属性是一个函数而不是一个对象？

一、实例和组件定义data的区别

vue实例的时候定义data属性既可以是一个对象，也可以是一个函数

1
2
3
4
5
6
7
8
9
10
11
12
13

const app = new Vue({
    el:"#app",
    // 对象格式
    data:{
        foo:"foo"
    },
    // 函数格式
    data(){
        return {
             foo:"foo"
        }
    }
})

组件中定义data属性，只能是一个函数