在 vue3 中的组合式 api 中，针对响应式有了一些改变，其中响应式 api 中，两个比较重要的是 ref 和 reactive，但是对于这两个区别以及使用场景，大多数同学都比较迷惑，这个文章将给

3. router 和 route的区别 一. 认识路由 路由器提供了两种机制: 路由和转送. 意味着浏览器会刷新页面，网速慢的话说不定屏幕全白再有新内容。后端路由的另外一个极大的问题就是 前后端不分离 二. 前端路由的规则 三. Vue-Router基础 四. 路由配置其他补…

CSS Modules 为每一个局部类赋予全局唯一的类名，这样组件样式间就不会相互影响了。如： 当导入一个 CSS 模块文件时，它会将局部类名到全局类名的映射对象提供给我们。就像这样： 的确，CSS Modules 对于 Vue 组件是一个不错的选择。但也存在以下几点不足： v…

Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 定义一个json串 list，实现它的拖拽排序。 使用标题插槽在vuedraggable组件中添加不可拖动的元素。它应该与draggable选项一起使用来标记draggable元素。请注意，无论标题…

最近在看vue3,发现composition-api的出现到底解决了什么问题呢，祖师爷这么设计的动机是什么呢，为啥会有composition-api的出现呢。

vue是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发响应的监听回调。 MVVM作为数据绑定的入口，合 observer、 Compile和 Watche…

当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…

对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里…

一款使用marked和highlight.js开发的一款markdown编辑器，除常见markdown语法外，支持快捷输入、图片粘贴、代码复制、全屏编辑、预览等功能。 使用起来简单方便，只需几行代码，即可在你的页面上引入一个markdown编辑器，编辑区支持像专业编辑器那样。 …