vue98

vue98

<template><div class="hello"><h3>{{ init }}</h3><button @click="changeName">+1</button></div>
</template><script>
export default {name: "HelloWorld",//props是自定义属性 为当前属性定义初始值//对象设置默认值props: {init: {default: 9,},},data() {return {count: 0,};},methods: {changeName() {//报错 this.props是只读的this.init++;},},
};
</script><!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
h3 {margin: 40px 0 0;
}
</style>

default设置默认值