判断题：
1.Vue实例中的data数据不具备响应特性。（×）
2.在项目中引入了Vue.js文件，才可以创建Vue实例。（√）
3.Vue实例对象只允许有唯一的一个根标签。（√）
4.methods选项中定义的方法不能在{ {}}插值表达式中调用。（√）
5.v-bind指令能够实现双向数据绑定。（×）
6.Vue事件可以通过冒泡方式或者捕捉方式传递，默认是冒泡。（√）
7.计算属性computed中的方法都是异步的。（×）
填空题：
1.通过Vue构造函数方法创建Vue实例对象。
2.Vue实例中的el表示挂载点。
3.Vue实例中能够监听状态变化的是watch。
4.Vue实例中实现双向数据绑定的是v-model,它实际上是语法糖，是v-bind和v-on的合集。
5.Vue事件绑定指令是v-on，它的语法糖是@。
6.v-bind指令能绑定标签或组件实现页面样式。
简答题：
1.什么是Vue实例？
Vue实例是Vue.js中的核心概念之一，也是所有Vue应用程序的起点。它是一个被Vue框架管理的对象，包含了Vue应用程序的各种属性、方法和数据。
2.事件修饰符.stop和.self有什么区别？编写代码说明。
.stop是一个事件修饰符，可以阻止事件继续传播，即避免父组件接收到此事件。而.self也是一个事件修饰符，它可以限制事件只在触发元素自身时才触发，不包括子元素。
<template>
<div @click="handleClick">
<button @click.stop>点击这里不会触发父组件的点击事件</button>
<a @click.self href="#">点击这里只会触发自身的点击事件，不包括子元素</a>
</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('父组件点击事件');
}
}
}
</script>
3.简述computed与methods的区别。
在Vue.js框架中，computed和methods都是用于定义Vue组件中的可调用函数。它们之间的主要区别在于计算属性和方法执行的时机、作用和使用方式。
具体而言，computed是计算属性的简称，用于定义一些相对耗时的计算操作，返回的结果会被缓存，并在依赖数据发生改变时自动更新。因此，computed适用于在模板中需要使用到的响应式数据的计算和处理。
而methods则是用于定义一些方法，通常用于实现一些复杂的业务逻辑或者用户交互。methods中的方法会在每次调用时重新执行，并返回计算结果。因此，methods适用于那些与Vue实例或组件状态无关，需要根据用户输入或其他外部事件来触发的操作。
简述版：computed和methods都是定义Vue组件中可调用函数的方式，它们的区别在于computed是计算属性，常用于计算和处理响应式数据，而methods则是普通方法，通常用于实现业务逻辑和用户交互。
编程题：实现比较两个数大小的页面。
移步博主栏目 练手小代码（2.Vue比较两个数大小），
相关知识点：
1.在 Vue.js 应用程序中，数据和方法是可以通过 data 和 methods 选项定义的。
其中，data 选项用于定义 Vue 实例的数据属性，而 methods 选项用于定义一组方法。这些方法可以在组件中被调用，以执行特定的功能逻辑。另一方面，Vue.js 模板可以包含一些插值表达式，用于展示组件中的数据。插值表达式由两个花括号（{
{ 和 }}）包围，例如：{
{ message }}。这个表达式会将组件实例的 message 属性绑定到模板中。
methods 选项中定义的方法不能直接在插值表达式中调用。这是因为插值表达式只能绑定到数据属性，而 methods 中的方法并不是数据属性。如果我们试图在插值表达式中调用一个 methods 函数，Vue.js 就会抛出错误。但是，我们可以在插值表达式中绑定一个计算属性，来实现类似于 methods 功能的操作。计算属性是一种可以根据一个或多个已有属性得出的属性。换句话说，计算属性是一种依赖其他属性值的属性。我们可以在计算属性中调用 methods 中的方法，并将返回值绑定到模板中
2.要想创建 Vue 实例，需要在项目中引入 Vue.js 文件。Vue.js 是一个 JavaScript 框架，用于构建用户界面。要使用 Vue.js，需要先在 HTML 页面中引入 Vue.js 文件
3.在同一个页面中，可以创建多个 Vue 实例对象。每个 Vue 实例都是独立的，它们之间不会相互干扰。因此，只要满足内存和性能的限制，可以根据需要在页面上创建任意数量的 Vue 实例
4.Vue 实例对象只能包含一个根元素。这是因为 Vue.js 是用虚拟 DOM 来管理和更新组件的，每个组件都需要有唯一的根元素才能被渲染和更新。如果一个组件有多个根元素，那么在渲染和更新时就会出现问题，Vue.js 将无法确定哪个根元素应该成为组件的根节点。当你定义一个 Vue 组件时，它必须有一个根元素。在组件模板中，你可以使用 template 元素来包裹多个子元素，从而实现多个元素的布局
5.v-bind 指令是 Vue.js 中用来进行单向数据绑定的指令，它可以将组件实例中的数据属性与模板中的 HTML 属性绑定起来。在 Vue.js 中，双向数据绑定需要使用 v-model 指令来实现。v-model 指令实现了表单元素与组件实例数据之间的双向数据绑定，当一个表单元素的值发生变化时，组件实例中的对应数据属性也会更新；反之亦然。v-model 指令本质上就是一个语法糖，它等价于同时使用 v-bind 和 v-on 指令来实现数据的单向绑定和事件的监听
6.Vue 中的事件可以通过冒泡方式或捕获方式传递。默认情况下，Vue 事件是通过冒泡方式传递的。
冒泡是指当一个元素上的事件被触发时，它会向上传递给父元素，直至根元素。在 Vue 中，每个组件都是一个独立的作用域，它们的事件也是相互独立的。如果一个组件中的事件触发了，它会首先在自己内部处理，然后一层一层地向上传递，直到根组件。
捕获是指当一个元素上的事件被触发时，它会从根元素开始向下传递，直到达到目标元素。在 Vue 中，捕获方式不太常用，一般仅在特殊场景下使用
7.在 Vue 中，计算属性是一个同步的方法，它会在组件实例创建时被调用。当计算属性所依赖的数据发生变化时，Vue 会自动触发计算属性的重新计算，并更新页面上的相关内容
8.在 Vue 中，el 是一个选项(option)，表示 Vue 实例将要挂载的元素。具体来说，el 选项用于指定 Vue 实例所控制的 DOM 元素，是一个挂载点
9.Vue 中，事件绑定指令是一种用于处理 DOM 事件的指令，它可以通过 v-on 或 @ 来实现事件绑定。事件绑定指令允许我们将一个自定义的 JavaScript 函数绑定到一个 DOM 元素的事件上，从而在特定的触发条件下执行相应的操作。
10.v-bind 指令可以用来动态绑定 HTML 元素的属性或组件的 props，通过绑定数据到指定的属性或 props 上。
11.Vue 实例中能够监听状态变化的是 watch
（仅供交流学习！）