第一种：修改对象的某一属性vue只会将已经在data中声明的属性变为响应，没有声明的是不响应的。为了解决这个问题，Vue2引入了一些特殊的方法来改变数组，例如vm.$set、vm.$delete等。使用这些方法可以通知Vue更新视图，以反映数组内容的更改。
解决：通过反复测试，后面发现有一条不显眼的警告消息：[vue-router]Non-nestedroutesmustincludealeadingslashcharacter.Fixthefollowingroutes：...大概意思是非嵌套路由必须包含一个前导斜杠字符。
第一种：修改对象的某一属性vue只会将已经在data中声明的属性变为响应，没有声明的是不响应的。一般不像楼上这样写代码的。ajax请求应该放到vue实例中去。
还可以使用vm.$set实例方法，这也是全局Vue.set方法的别名。有时你想向一个已有对象添加多个属性，例如使用 Object.assign（） 或 _.extend（） 方法来添加属性。但是，这样添加到对象上的新属性不会触发更新。
在Vue中，是可以通过`methods`定义页面的方法来实现交互和数据处理的。实际上，`methods`就是Vue组件中用于定义方法的属性之一。
数据的驱动者：data（）与生命周期方法data（）函数为页面元素赋值，实现数据的双向绑定。在组件生命周期中，mounted（）负责页面加载后的操作，如生成并显示二维码；methods则处理所有的页面交互，如时间戳获取并赋值。created（）方法在元素内容加载前执行，适用于初始化操作，如获取初始时间戳。
在 Vue 中，箭头函数可以用于定义 methods、computed 和 watch 中的函数。下面是几个常见的使用场景： 使用箭头函数定义 methods 在 Vue 的组件中，我们通常会定义一些方法，这些方法通常都是同步的，所以我们可以使用普通函数来定义这些方法。
是在dom加载后马上执行的。而methods中的函数，则必须要有一定的触发条件。在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。
v-on：click可以写成@click，是它的语法糖写法： 当然，我们也可以绑定其他的事件： 如果我们希望一个元素绑定多个事件，这个时候可以传入一个对象： 当通过methods中定义方法，以供@click调用时，需要注意参数问题： 情况一：如果该方法不需要额外参数，那么方法后的（）可以不添加，并且方法的实现不用参数，直接就可以打印event。
在实例创建之后同步调用。此时实例已经结束解析选项，这意味着已建立：数据绑定，计算属性，方法，watcher/事件回调。但是还没有开始 DOM 编译，$el 还不存在。ready 类型： Function 详细：在编译结束和 el第一次插入文档之后调用，如在第一次attached钩子之后调用。
探索Vue数据请求的黄金位置：生命周期的秘密在Vue、React或其他MVVM框架的世界里，理解组件的生命周期至关重要，尽管它可能看起来不那么显眼，但却是实现高效开发的关键。每个生命周期钩子函数，就像一个指引，描绘了Vue实例从创建到销毁的完整旅程。
--是的，可以放在这里啦。所以最后结论就是放在created里面。（仅发表个人的意愿，如果有不妥的请勿喷）---补充 有人问我因为请求数据是异步的，为什么不可以放在beforeCreate，等请求完成啦Vue的data不就生成的吗？ 答案是可以的。
Vue实例完整的生命周期包括：创建、初始化、编译模板、挂在DOM、渲染更新、卸载等过程。beforeCreate（ 创建前 ）。在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， data， computed等上的方法和数据。
Vue生命周期分为四个阶段：创建、挂载、更新、销毁。所有的生命周期钩子自动绑定this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。在实例初始化之后，组件创建、数据观测（data observer）和 event/watcher 事件配置之前调用。此时访问不到实例中的数据。打印顺序：在实例创建完成后被立即调用。
在Vue前端表格展示Number类型的数据时，如果数据过长或者过于精确，为了美观和易读性，我们可以对其进行四舍五入，四舍五入是一种常见的数值处理方法，可以将过长或过于精确的数值变为更具可读性的数据。
前端面试中，Vue作为热门技术之一，其基础知识和特性是必不可少的。让我们深入探讨Vue的核心概念和关键点：Vue特性 - 数据驱动视图：Vue的单向数据绑定（data）和双向数据绑定（Vue 2/3响应式原理），通过getters和setters实现数据与视图的实时同步。
虚拟DOM的魔力与局限：/虚拟DOM是Vue性能的守护者，但也需留意优化关键，如合理使用key、优化Webpack配置和基础Web技术。 Vue x的飞跃：/从观察模式到基于Proxy的优化，Vue x带来了更高效的性能，新特性如自定义渲染器、TypeScript集成等，提升了开发体验。
自定义指令在Vue3中的实现方式为：在Vue组件中定义一个directive对象，其中包含bind、inserted等生命周期钩子函数，并通过Vue.directive方法注册这个自定义指令。Teleport组件是Vue3中新增的一个组件，它可以将子组件渲染到DOM树的其他位置，而不是局限于父组件的范围内。
axios是在vue0中用来替换 vue-resource.js插件的一个模块，是一个请求后台的模。 用npm install axios安装 axios。基于 EMAScript 6 的 EMAScript Module规范，通过 import关键字将 axios导入，并添加到 Vue. js类的原型中。这样每个组件（包括vue.js实例化对象）都将继承该方法对象。
Keyed Diff：Vue还提供了基于key的优化方式。通过使用唯一的key来识别和复用相同节点类型的子节点，提高Diff算法的效率。Diff算法的核心思想是最小化操作，只对有差异的部分进行更新，避免不必要的DOM操作，提高性能和效率。
1、子组件：子组件需要从父组件获取 logo 的值，就需要使用 props： [‘logo]父组件：子组件向父组件传值 子组件主要通过事件传递数据给父组件。子组件：其中 transferUser 是一个自定义的事件，this.username 将通过这个事件传递给父组件 。
2、传递基本类型数据当子组件内容较少时，会直接传递基本类型数据，通常为String， Number， Boolean三种。
3、} function Child（props） { return {props.data} ；} 事件总线（Event Bus）：事件总线是一个中心化的事件系统，允许组件之间进行通信而不必直接相互依赖。组件可以触发事件并传递数据，其他组件可以监听这些事件并响应。这种方式较为灵活，但可能导致代码难以追踪和维护。
4、Vue组件间通信父组件向子组件通信方法一：props使用 props ，父组件可以使用props向子组件传递数据。父组件vue模板father.vue子组件vue模板child.vue方法二 使用$children使用 $children 可以在父组件中访问子组件。
