记录一些在项目过程中遇到的问题以及解决办法
1.组件开发
对于可重复复用的样式或结构,直接开发成对应的component,在vue组件中直接引用
例如:header部分
创建组件:
1)可在项目目录中新建一个components目录,用来存放各个公用的组件
2)新建一个header.vue文件(注:vue项目中所有的组件都是.vue结尾的文件)
包含三部分:
<template>
//用来布局,相当于html 注意:template中只可以有一个根节点
</template>
<script>
//用来写业务逻辑以及初始化一些变量等
export dafualt {
name: "Header", //该组件名字
data () {
return {
***
}
},
methods: {
***function***
},
computed: {
***
},
created () {
***
}
}
</script>
<style lang="stylus" scoped>
//scoped 表示改样式作用域——即只在该vue文件中生效
</style>
3)组件创建之后,需要在引用的父组件中引入该子组件,并注册
<script>
import HomeHeader from './components/He