vue

新特性  webpack和vite  TypeScript支持  生命周期  响应式原理  Diff算法： 静态标记： Vue2：通过标记静态根节点，跳过对这部分的 Diff。 Vue3：使用 Sha

```js <template> <div class="w-500px h-500px" ref="chartDom"></div> </template> <script setup>

文档中写的很清晰，prop是单向数据流的,原则上子组件修改props是不被允许 但是经我测试发现，这仅限于props为非数组及对象等引用类型数据，譬如字符串，数字等 如果props是对象的话，在子组件

在进行if判断的时候，v-for是比v-if先进行判断 结论：v-for优先级比v-if高 永远不要把 v-if 和 v-for 同时用在同一个元素上，带来性能方面的浪费（每次渲染都会先循环再进行条件

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/47452986544b4a0e9a89f664076fcbf6~tplv

```js mounted() { window.addEventListener("scroll", this.handleScroll); }, methods: { goToTop() { le

```cmd npm install --save-dev sass-loader node-sass sass ```

```vue //下一个 scrollNext() { if (this.fourModIndex == 3) { return; } this.fourModIndex++; let timer =

1.安装依赖 2.设置规则（更改postcss.config.js,如没有该文件，根目录手动创建） 3.src目录下，新建 libs/rem.js 输入如下代码 在main.js中引入rem.js

在项目开发的过程中，经常会遇到修改data中的某一个对象或添加一个属性，控制台数据改变但是视图层并没有更新该数据，是什么造成的呢？由于受JavaScript的限制，vue.js不能监听对象属性的添加和

(38条消息) vue父子组件传值的方法_YoungMan_09的博客-CSDN博客_vue父子组件传值

1、定义路径模式 首先，需要定义一个路径模式，用于匹配需要导入的模块。该模式可以使用 * 或 ** 通配符，也可以使用感叹号 ! 进行反选。例如，以下是一些常见的路径模式： 需要注意的是，路径模式中的

/router/index.jsrouter.beforeEach((to, from, next) => { if ( //移动端 navigator.userAgent.mat

nextTick是一个异步方法，用于在DOM更新后执行回调函数。它的作用是在Vue实例对数据进行修改后，等待Vue完成更新DOM操作后再执行一些操作或获取更新后的DOM状态。 具体来说，当你修改Vue