目录
vue页面的页面结构如下:
<template>
<!--
vue2.0
1.不可省略(除非在该组件中直接调用render函数时生成vdom)
2.有且仅有1个根标签
vue3.0
组件可以没有跟标签!
-->
</template>
<script>
// 可省-里面内容为配置项
export default{
name:'组件名', // 配置组件名
components:{
// 注册子组件
},
props:[], // 接收父组件传递的数据
data(){
return{
// 数据-vue3配置在setup中
}
},
methods:{
// 方法-vue3配置在setup中
},
// 8个生命周期钩子
created(){
},
mounted(){
},
destoryed(){
},
watch:{
// 监听
},
computed:{
// 计算属性
},
filter:{
// 过滤
}
}
</script>