基础知识： 先写一下vue中鼠标移入移出的基础知识，移入的触发事件是 @mouseenter，移出的触发事件是@mouseleave，知道这两个方法就简单了 基础知识的例子 然后通过例子来讲一下怎么通过鼠标的移入移出来添加和取消class样式 ...

body .thin{ color:red } 1.数组的形式添加样式 .<div :class='["thin","title"]'>ddddddddd</div> 2.数组中使用三元表达式 .<div :class='["thin ...

<style lang="scss" scoped></style > style中要加上lang="scss" ...

如图，鼠标移入移出改变背景 1.绑定事件： <div class="indent" @mouseover="mouseOver($event)" @mouseleave="mouseLeave($event)"> 2.js（通过增加一个class ...

一：行间样式 ：和绑定其他dom的属性一样， v-bind:style= <div v-bind:style={backgroundColor: color}>2</div> //color是data或者computed的k ...

注意: 凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize 除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff'而不 ...

一、 <li v-for="(chatting,index) in item" :key="index" :class="{'user_right':chatting.user_id}"& ...

先把代码贴出来，注释以后有时间再写(需要留意一下这里图标的引入方式，函数内相同路径无法找到图片) ...