菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 程灿--20221229--vue项目第一天 [打印本页]

作者: Cc7507 时间: 2023-1-7 09:28
标题: 程灿--20221229--vue项目第一天
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  只能继承类

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)