qq_46149597的博客

基于vue+node+socket+vant+mysql实现的在线客服系统，前后端分离，浏览器指纹作为访客唯一id，内置chatGPT智能回复，采用RSA加解密数据，防sql注入，xss，可发送图片表情、查询历史消息、留言、踢人、人数限制排队等待 等等功能，更多功能等待后续更新。，可读性强，目前功能不是很多可快速上手修改，欢迎进行二次开发。

Webpack Vue3模板的创建(超详细)

Vue axios的使用方式

Vue的路由，路由基本语法、路由动态匹配、嵌套路由、命名路由、push()方法的应用、命名视图、路由重定向

Vue的过渡，单元素过渡：CSS过渡、CSS动画、自定义过渡的类名、元素过渡使用JavaScript钩子函数。多元素过渡、多组件过渡、列表过渡

Vue的组件，自定义事件的监听和触发、内容分发、混入、动态组件

Vue全局组件、局部组件的注册、prop的数据传递、prop数据验证

Vue自定义指令，全局、局部自定义指令，指令定义对象的钩子函数，自定义指令的绑定值

应用v-model绑定文本框、应用v-model绑定复选框、应用v-model绑定下拉菜单、应用v-model绑定到动态属性

vue点击事件，事件处理：事件修饰符、按键修饰符、鼠标修饰符、v-bind修饰符、v-model修饰符

Vue的样式绑定有v-bind:class、v-bind:style,分为内联绑定、非内联绑定、计算属性绑定、数组语法绑定

计算属性的getter和setter，计算属性的缓存，对象数据中的属性进行监听，deep选项

Vue条件判断与列表渲染

4、表达式,在双大括号括号标签中进行数据绑定，标签中可以是一个javascript的表达式，这个表达式可以是常量、变量、运算符组成的句子，仅可以是表达式，不能是一个语句。如下，串联使用过本地滤器，先调用firstText方法，在text字符串添加‘first’，再调用。3、属性样式绑定，双大括号不能应用在html属性中，如果要为html元素绑定属性，需要使用。需要一些复杂计算的数据绑定，简单的表达式可能无法实现，这时候需要使用过滤器。is等、可简化为 :href 、:class 的形式。

Vue 元素挂载、方法、生命周期钩子函数