1️⃣ Vue 中使用 less

2️⃣ 安装依赖

npm install --save less@4 less-loader@7

  1. 1. 注意:less-loader 的最高版本为 7 版本在高的话 vue2 不兼容

2️⃣ 在main.js中引入

  1. import less from 'less'
  2. Vue.use(less)
  3. new Vue({
  4. render: h => h(App),
  5. }).$mount('#app')

1️⃣ Vue 中开启 css module

需要将样式文件命名为 xxx.module.ooo
xxx 为文件名
ooo 为样式文件后缀名,可以是cssless
image.png

1️⃣ 扩展 vue 实例

扩展 vue 实例时尽量在方法前面加上可以区分的符号, 用以和 vue 自身的方法属性相区别
image.png
获取 Vue 实例的