Vue

作用：监视数据变化，执行一些 业务逻辑 或 异步操作。 语法： ① 简单写法 → 简单类型数据，直接监视 ② 完整写法 → 添加额外配置项(深度监视复杂类型，立刻执行) deep: true 对复杂类

> computed 计算属性： > > 概念：基于现有的数据，计算出来的新属性。 依赖的数据变化，自动重新计算。 > > 语法： > > ① 声明在 computed 配置项中，一个计算属性对应一个

常见的表单元素都可以用 v-model 绑定关联 → 快速 获取 或 设置 表单元素的值 它会根据 控件类型 自动选取 正确的方法 来更新元素

tab栏的active效果,v-bind对于样式控制的增强-操作class ; v-bind对于样式控制的增强-操作style

```js 消费名称 消费价格 添加账单 编号 消费名称 消费价格 操作 {{ index + 1 }} {{ item.name }} {{ item.price.toFixed(2) }} 删除

```js 编号 科目 成绩 操作 {{ index + 1 }} {{ item.subject }} {{ item.score }} 删除 暂无数据 总分：{{ totalScore }} 平均

导致此错误的原因是，PowerShell 执行策略，默认设置为Restricted不加载配置文件或运行脚本。需变更设置为RemoteSigned，变更过程为： 1.运行 Windows PowerSh

App.vue内容清除,保留template #app router-view, views文件夹里面的About和Home删除 > router.js里面import HomeView from '

每个 Vue 实例在被创建时都要经过一系列的初始化过程 生命周期分为三大阶段：初始化显示、更新显示、销毁Vue实例 初始化阶段的钩子函数： 更新阶段的钩子函数： 销毁阶段的钩子函数：

Vue中的watch和computed watch computed 计算属性setter

过滤器的作用：为页面中数据进行添油加醋的功能 有两种 ： 局部过滤器 全局过滤器 声明过滤器 {{ 数据 | 过滤器的名字 }}

provide / inject props (父传子) $emit(子传父) eventBus(全局创建Vue实例) vuex (状态管理) $parent / $children / $refs

Vue 父子组件间通信 : props 父组件向子组件传递数据 $emit 自定义事件 slot 插槽分发内容

v-model 双向数据绑定的体现 只会体现在UI控件中 只能应用在有value属性的, 语法糖：它是v-bind:value v-on:input的体现

vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。

基于promise的网络请求库，作用于node.js和浏览器中，在服务端它使用原生node.js http模块,而在客户端 (浏览端) 则使用XMLHttpRequest

组件是vue里面最强的功能，可以扩展html，封装重用的代码 vue中的核心之一就是组件，所以有页面都是通过组件来管理，当组件过多时，如何进行参数的传递 父组件传参到子组件 为什么组件需要传入参

v-text v-cloak v-text 等价于 {{}} 用于显示内容，但区别在于{{}} 会造成闪烁问题， v-text 不会闪烁 如果还想用 {{}} 又不想有闪烁问题，则使用 v-cloak

元素在显示和隐藏时，实现过滤或者动画的效果。 常用的过渡和动画都是使用 CSS 来实现的 在 CSS 中操作 transition （过渡 ）或 animation （动画）达到不同效果 为目标元素添

插槽，也就是槽，是组件的一块HTML模板，这块模板显示不显示，以及怎样显示由父组件来决定。 插槽分为：匿名插槽| 具名插槽| 作用域插槽 匿名插槽 它不用设置名称属性，可以放置在组件的任意位置；可以理