在app.html 或者*.vue中引入css，如下所示：
在 app.html引入css对阵个页面都生效，在vue文件中引入，只对改vue生成的页面有效
最近项目中要求实现夜间模式，整理一下实现方法。 ps. 我们的项目是混合开发，所以夜间模式要通过原生交互实现，如果直接是h5项目，则可省去原生交互这块。 step1 原生交互方法 step2 获取模式方法 step3 实现方法1、使用css大类区分 2、针对不同class类定义css属性全局变量 3、全局引入样式文件（main.js中引入） 4、页面中可定义css私有变量（包含页面中特殊的颜色属性，不止涉及亮度更改的图片） 变量定义规范：--（页面名称）-自定义 建议将白天与夜间模式图片区分两个文件夹存储5、变量使用规范总结： 1、注意css变量的使用的兼容性，例如安卓5的手机可能识别不了变量，解决方法：postcss可以试试看 2、如果项目中已使用less，可直接用less来实现，现未发现其兼容性问题（下一篇文章我会写less实现夜间模式）在vue中导入自定义的css文件或js文件
css文件
在main.js中导入公共的css
import '../static/css/common.css' //引入公用css
在页面中引入单独css
<style scoped>
@import '../../static/css/header.css'
</style>
Js文件
自定义js 中写：
function title(t){
alert(t)
}
export {
title //多个方法在此处json中export出去
}
页面中使用：
<template>
<div>
<button class="btn" @click="clickme">click me</button>
</div>
</template>
<script>
import {title} from './js/common.js' //可以选择需要的方法引入
export default {
data(){
return{
}
},
methods:{
clickme(){
title('你点我了')
}
}
}
</script>
或者
import Comjs from './js/common.js' //引入公用js
Vue.prototype.$comjs = Comjs//添加到vue属性中
自定义js 中写：
const comjs = {
}
comjs.title = function (title) {
alert(title)
}
export default comjs
页面中使用：
<template>
<div>
<button class="btn" @click="clickme">click me</button>
</div>
</template>
<script>
export default {
data(){
return{
}
},
methods:{
clickme(){
this.$comjs.title('你点我了')
}
}
}
</script>
