Vue 插槽极简实战手册：三类插槽核心用法
Vue 插槽（Slot）的本质是位置占位 + 内容分发。它解决了组件复用中“结构相似但内容不同”的痛点， 避免了通过大量 Props 传递 HTML 字符串导致的维护困难和 XSS 风险。 以下是默认插槽、具名插槽和作用域插槽的核心用法与实战指南。 1. 默认插槽（Default Slot） 核心场景：组件只有一个主要区域需要自定义，或者作为其他插……
分析 computed 与 watch 的核心区别
在 Vue 3 的响应式系统中，computed（计算属性）和 watch（侦听器）虽然都用于监听数据变化，但它们的设计初衷、底层机制和适用场景有着本质的区别。 简单来说：computed 是为了“得到一个新值”，而 watch 是为了“执行一段逻辑”。 以下是两者的核心区别深度解析： 1、核心定位与职责 .table1 { border-collap……
VUE响应式基础-ref()、reactive()
reactive：使用 Proxy 代理对象。 ref：使用一个包含 _value 属性的普通对象（RefImpl），通过 ES6 Class 的 get/set 访问器手动调用 track 和 trigger，不使用 Object.defineProperty，也不对 Ref 本身套 Proxy。 依赖管理：使用 WeakMap 存储依赖……
Vue Devtools 安装
官网地址：https://devtools.vuejs.org/ chrome商店地址（国内不翻墙打不开）：https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 我们只能自己下载后自己打包： github地址：https://gith……
vue图片懒加载—vue-lazyload
Vue图片src绑定 <li v-for="(item,index) in itemdata" :key="index"> <div class="z-feed-img"> <a :href="item.click_url"> <img width="18……
Vue中 npm install,npm install -save,npm install -save-dev的区别
安装方式 我们在通过cnpm安装插件或库时，有三种方式： cnpm install：将插件安装到项目，但不写package.json（不推荐，这样最终需要手动添加） cnpm install –save：将插件安装进项目，并写入package.json的dependencies中 cnpm install –save-dev：将插件安……
Vue中 npm install,npm install -save,npm install -save-dev的区别
安装方式 我们在通过cnpm安装插件或库时，有三种方式： cnpm install：将插件安装到项目，但不写package.json（不推荐，这样最终需要手动添加） cnpm install –save：将插件安装进项目，并写入package.json的dependencies中 cnpm install –save-dev：将插件安……
vue中$forceUpdate的使用
vue中的$forceUpdate是强制更新的意思，之前没太怎么用过，最近看了下，觉得还挺有意思的，一起来看看是咋用的。 深结构数据 首先我们知道在vue中，数据的绑定都不用我们操心，例如在data中有一个msg的变量，你修改它，那么在页面上，msg的内容就会自动发生变化。但是如果对于一个复杂的对象，例如一个对象数组，你直接去给数组上某一个元素……
vue 根据数组中某一项的值进行排序的方法
1数组排序 <div id="app"> <ul> <li v-for="a in arr1">{{a}}</li> </ul> </div> <script type="text/javascript&quo……