webpack
打包功能 将es6等高级语言转换成浏览器可以识别的语言，
在引入多个js的时候 可以解决各个js之间的依赖关系。
显示直接写在APP.vue里面，显示在public----index.html
sass $声明变量 $变量名：变量值
局部变量的优先级高于全局变量的优先级
运算 需要加（）
（100px/2）
px必须加在最前面，运算必须加括号
<template>
<div>
<MyHeader></MyHeader>
<TipList></TipList>
</div>
</template>
<script>
import MyHeader from './components/MyHeader.vue';
import TipList from './components/TipList.vue';
export default {
name: 'App',
components: {
MyHeader,
TipList},
data() {
return {
};
},
created() {
},
mounted() {
},
methods: {
}
};
</script>
<style scoped lang="scss">
</style>
sass混合
@mixin 混合名字（参数可选（有参数加括号，没有参数不加括号））{
}
@include whc（）
混合的本质就是复制黏贴 将公共的的样式写在其中 避免代码的重复
有参数的混合需要传入参数
可以在声明混合的时候写入默认值@mixin www（$a:100px,$b:100px,$c:red）{
}
如果只需要部分参数不按照默认值，形参名字和实参的名字必须相同
@include 混合名称（）；
@import url()
继承
@extend 只能继承类
|
