分类：Vue

cherry-markdown开源markdown组件详细使用教程

<p>记录在Vue项目中集成腾讯cherry-markdown开源Markdown组件的完整过程，包括依赖引入、上传图片接口改造、draw.io支持、悬浮目录toc配置，以及编辑与预览组件的使用和多个实际问题的排查解决方案。</p>

vue-live2d看板娘集成方案设计使用教程

<p>汇总Vue项目中集成Live2D看板娘的多种方案，从早期基于jquery与live2d-widget的集成与拖拽实现，到对比OhMyLive2D、fghrsh、live2dw等开源方案，最终给出基于vue-live2d的推荐集成步骤与效果展示。</p>

vue-scrollto实现页面组件锚点定位

<p>介绍在Vue项目中如何使用vue-scrollto库实现同一页面不同组件之间的锚点定位，包括依赖安装、main.js全局注册、在模板标签中通过v-scroll-to指令以及组件方法中调用$scrollTo进行平滑滚动定位。</p>

Vite学习教程 Vue集成axios封装request工具类及应用

<p>介绍在Vue项目中集成axios并封装request工具类的过程，包括安装axios、创建request.js配置baseURL与超时及请求响应拦截器、封装api请求工具，并在组件中调用接口完成实战数据请求。</p>

Vue2集成Vuex实现网站统一数据管理

<p>介绍在Vue2项目中集成Vuex实现网站统一数据管理，包括安装依赖、创建store模块、定义state与mutations与actions和getters，并通过路由前置守卫获取网站基础配置，在组件中用computed动态读取logo与标题。</p>

Vue-router学习笔记 组件与模式学习

<p>整理vue-router的学习笔记，涵盖vue2与vue3项目中引入vue-router的方式、Hash与History两种路由模式的区别与配置、this.$router的push与go等常用方法及动态加载路由，并演示在HTML中直接使用vue-router。</p>

Vue.js学习笔记 Vue基本语法篇

<p>整理Vue3基础语法学习笔记，通过大量示例讲解createApp与mount、data与methods、v-on事件绑定、v-if显示隐藏、v-for列表循环、v-model双向绑定、自定义组件与props传值，以及生命周期函数与computed、watch等核心概念。</p>

Vue.js学习笔记 Vue组件篇

<p>系统整理Vue组件化开发知识，涵盖全局组件与局部组件的创建注册、父子组件静态与动态传值及校验、单向数据流、$attrs、$emit父子通信、v-model配合emit、slot插槽、动态组件与异步组件等内容。</p>

Vue.js学习笔记 Vue样式篇

<p>整理Vue中样式绑定的学习笔记，包括通过v-bind:class进行字符串、对象与数组形式的类名绑定、行内style的字符串与对象写法、子组件样式绑定，以及transition标签配合过渡、动画、animate.css与钩子函数实现动画效果。</p>

Vue.js学习笔记 Vue插件使用

<p>讲解Vue3插件机制，介绍如何定义带有install函数的插件并在app实例上挂载provide属性、自定义指令、mixin与全局实例属性，最后通过一个表单数据校验插件的开发示例演示插件的实际应用。</p>

Vue.js学习笔记 Vue3新特性

<p>整理Vue3 Composition API新特性，涵盖setup函数入口、ref与reactive响应式引用、toRefs与toRef、context的attrs、emit与slots、computed计算属性、watch与watchEffect监听、生命周期新写法以及provide与inject</p>

vue-cli学习笔记 脚手架

<p>整理vue-cli脚手架的安装与使用笔记，包括全局安装与创建项目、main.js与单文件组件的结构说明，以及使用vue-cli以组件形式开发todolist的完整示例，帮助快速上手Vue工程化开发。</p>

vue-cli学习笔记 Vue-router路由

<p>整理vue-cli中vue-router的使用笔记，涵盖ES5局部路由跳转、哈希路由与异步路由配置、嵌套路由实现多页面、404页面处理，以及全局前置守卫、路由独享守卫等导航守卫的使用方法。</p>

vue-cli学习笔记 Vuex数据存储方案

<p>整理vue-cli中Vuex数据存储方案的学习笔记，讲解store的定义、通过this.$store.state取值、经由dispatch与commit修改全局值，分析mutations与actions的区别，并演示Composition API写法与模块化拆分getters的实践。</p>