yuroll的博客

启动：node.js切换版本到16及以下，再使用npm install 安装依赖（注意，若用cnpm安装会出错）静态页面 --> 改写api（换自己的接口） --> 动态展示。一、搭建（下载+启动）

一、创建组件，在components下创建（公用组件）三、父组件中，vc 实例化 并传值。二、在main.js中全局注册。分页器已知前提(4个条件/

父组件中，通过对（子组件实例）的属性传值。子组件，通过props获取。2）v-on: 或 @ 或 ref。父传子(数值)，子传父(方法)1）props 配置项。子传父(自定义事件)子组件创建实例对象时（）自定义事件，子组件。

步骤一：创建src/mixins/xxx.js文件，步骤二：组件中，引入+使用。

用法：下次DOM更新完毕后 --> 执行nexttick延迟回调 --> 重新解析页面渲染绘画。html 结构已经有 + 暂无数据。需要获取新数据，基于新DOM的基础上~执行回调进行某些操作。妙用： 一般结合数据修改后，使用nexttick进行回调，更新DOM。this.$nexttick(回调函数)

我们通过Object.defineProperty的get方法用来获取值 set方法用来拦截设置值。方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。双向绑定的核心： Object.defineProperty()双向绑定的核心： Object.defineProperty()prop：要定义或修改的属性的名称或 Symbol。descriptor：要定义或修改的属性描述符。返回值：被传递给函数的对象。obj：要定义属性的对象。

1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。3.一般不会在beforeDestroy操作数据，因为即便操作数据，也不会再触发更新流程了。2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。1.又名：生命周期回调函数、生命周期函数、生命周期钩子。1.销毁后借助Vue开发者工具看不到任何信息。

步骤二：创建src/mock/xxx.json ,在mock文件夹中准备响应的json文件（json代码需要格式化）步骤三：把mock需要的图片放在public/images文件夹中【public打包会原封不动放入dist文件中】步骤四：创建src/mock/mockServe.js 代码如下，根据数据模板实现模拟数据。步骤七：在组件中，通过vuex发派给actions，.......将数据存储在vuex中。步骤五：在main.js文件中引入mockServe.js文件。步骤一：安装mockjs。

高级动画 = transition + 更高级的样式（ 2d转换 / 3d转换 ）keyframes：设置多个关键帧来控控制不懂时间下动画对象属性的值，（可循环的）transition：自动完成不同状态的平滑过度，不管中间状态。一次性的操作，在 ‘交互操作’ 的样式中，添加transition即可。6种css class ，如何实现动画？transition 设置动画。@keyframes 设置动画。二、JS实现动画（不建议）一、使用css3实现动画。一、使用css3实现动画。以上四个属性可以写成。

提示错误代码：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/search/dd？".

前提已安装：node + webpack + cnpm1、vue-cli脚手架初始化项目。2、安装所有依赖包。

v-show：css样式display:none控制是否显示。v-if：直接移除or添加DOM元素，性能差。若true为显示，false为隐藏。

【代码】vue 全局配置自定义css & js。

引入路径一直报错，原因是：创建的时候用了banner.vue，后再修改为Banner.vue导致的。方法二：修改.vue文件名的字符长度，也可！方法一：删除修改过的.vue。

找到C:\Users\{用户名文件夹}\下的.vuerc文件,并打开此文件，修改packageManager的值。