代码展示
<script>
import TopBar from "@components/TopBar.vue";
import { Toast } from 'vant';
export default {
mounted:{
},
data() {
return {
message:"",
list:[]
}
},
methods: {
},
components: {
TopBar,
Toast
},
};
</script>
vue单页面组件export default的写法顺序
项目 | Value |
---|
1.name | 只有作为组件选项时起作用。1)组件自身的递归调用,就是在当前组件中,调用组件自己。2)当我们使用vue.js官方提供的调试工具调试时,可以看到组件的名称,更好地定位。3)最后一种应该是使用比较多的情况,就是当我们使用 keep-alive时可以使用include和exclude指定需要缓存和不需要缓存的组件。指定的依据就是组件的name。 |
2.components | 注册组件最上边有引入 |
3.props | //接收父组件传递过来的参数 |
4.data | //定义变量,为变量赋值等 |
5.created | //模板渲染成html前调用,用于初始化属性值,然后再渲染成视图 |
6.methods | //编写js函数 |
7.mounted | //在模板渲染成html后调用,通常用于初始化页面完成后,再对html的dom节点进行一些需要的操作 |
8.computed | //computed是计算属性,也就是依赖其它的属性计算所得出最后的值 |
9.watch | //watch是去监听一个值的变化,然后执行相对应的函数 |