那些年踩过的“坑”

在使用过程中，如果父级高度发生改变的时候，滚动条拖动就会出现异常的情况，这个时候需要父组件的高度，当发生改变的时候，调用组件的 update 方法；这里主要在 mounted 里面对其进行监听，当然定时器也可以（详见参考）在elment-ui中有这么一个滚动条，当鼠标over到内容部分才会显示，移开鼠标之后滚动条就会隐藏起来，相较于原生的滚动条比较美观。

是官方提供的一个全局命令工具。可以帮助我们 快速创建一个开发Vue 项目的标准化基础架子。（集成了 =webpack配置，即一个目录）一个页面可以拆分为一个个组件，每个组件有着自己独立的结构、样式、行为。好处：便于维护，利于复用，能够提升开发效率。组件分类：普通组件、根组件。

Vue 生命周期过程中，会自动运行一些函数，被称为 生命周期钩子->让开发者可以在特定的阶段运行自己的代码。Vue生命周期的理论知识较为重要，能够在不同的阶段执行不同的代码，在之后的工程中较为重要。比较常用的是 createed、mounted和before Destroy 这三个。Vue的生命周期：一个 Vue 实例，从创建到销毁的整个过程。（1）创建 （2）挂载 （3）更新 （4）销毁。

1.与页面渲染无关的，我们可以不在data中进行定义，将其作为一个对象；（这里需要注意的是，假如我要监视一个对象，那么在watch 中。2.防抖处理：即写延迟器，延迟执行，干啥事情先等一会儿；写的时候要用引号将其进行引用）简单类型数据，直接监视；作用：监视数据变化，执行一些。

其次，对于带有横杠的属性名，在JS对象中是不支持的，因而此时可以采取两种方法：一种是驼峰；注意：v-for 的默认行为会尝试 原地修改元素 （就地复用），因而我们最好加上v-for 中的key，并且给元素添加的唯一标识，便于Vue进行列表项的正确排序复用。语法：v-show = "表达式" 表达式值 true 显示， false 隐藏。语法： v-if = "表达式" 表达式值 true 显示， false 隐藏。指令：带有 v-前缀的特殊标签属性；语法： v-else v-else-if = "表达式"

2.极简插件：搜索 Vue -> 下载解压 -> 浏览器扩展模式打开，开发者模式 -> 将解压的CRX文件拖拽安装 ->3.如下图，打开Vue 运行的页面，则可以进行调试；如果没有显示，大概率是 插件详情中没有给两个允许的权限；安装 Vue 开发者工具，装插件调试Vue应用。（1）允许访问文件；（2）允许无痕下访问；1.通过谷歌应用商店来进行安装（国外网站）

4. 指定配置项 el data => 渲染数据。① el 指定挂载点，选择器指定控制的是哪个盒子。3. 创建 Vue 实例 new Vue()3. 框架：一套完整的项目解决方案，的学习，理解一部分即可进行实现。1. 构建用户界面：基于。2. 引包 (官网) -2. 构建 Vue 实例。② data 提供数据。

示例：其中，收到礼物的数量再不断进行改变，此时用计算属性的话，可以根据现有的礼物数量来计算，并且随着礼物数量的变化也再随之改变。即在computed 中设置一个对应的对象，并且给出 get() 和 set() 方法，这样才能实现对计算属性的更改。}} ，不可以带括号，否则会报错；计算属性默认的简写，只能读取访问，② 使用起来和普通属性一样使用。中，一个计算属性对应一个函数。② 作为属性，直接使用 →。② 作为方法，需要调用 →。计算属性 → 可以将一段。，再次使用直接读取缓存，→ 需要写计算属性的。

对于文本太长的情况，一般采取省略号来取代的方法

我主要是对单页面进行开发，因而VUE+Flask的搭配足以满足我的需求；