基礎知識： 先寫一下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}"& ...

先把代碼貼出來，注釋以后有時間再寫(需要留意一下這里圖標的引入方式，函數內相同路徑無法找到圖片) ...