dichgrem/Vue
1
0
Fork 0
mirror of https://github.com/Dichgrem/Vue.git synced 2025-12-18 14:31:58 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor:use_pinia

Browse Source
This commit is contained in:
dichgrem
2025-12-01 11:16:39 +08:00
parent d6278e4451
commit f734593ff6
8 changed files with 329 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
todos/src/components/TodoHeader.vue
View File

@@ -16,6 +16,36 @@
</div>
</template>
<script>
const WORD_COUNT_LIMIT = 50;
export default {
data() {
return {
newTodo: "",
countLimit: WORD_COUNT_LIMIT,
};
},
computed: {
isShowMsg() {
return this.newTodo.length > WORD_COUNT_LIMIT;
},
},
methods: {
addNewTodo() {
if (this.newTodo.length === 0 || this.newTodo.length > WORD_COUNT_LIMIT) {
return;
}
this.$emit("addTodo", this.newTodo);
this.newTodo = "";
},
},
};
</script>
<style scoped>
h1 {
color: #409eff;
@@ -57,33 +87,3 @@ p {
text-align: center;
}
</style>
<script>
const WORD_COUNT_LIMIT = 50;
export default {
data() {
return {
newTodo: "",
countLimit: WORD_COUNT_LIMIT,
};
},
computed: {
isShowMsg() {
return this.newTodo.length > WORD_COUNT_LIMIT;
},
},
methods: {
addNewTodo() {
if (this.newTodo.length === 0 || this.newTodo.length > WORD_COUNT_LIMIT) {
return;
}
this.$emit("addTodo", this.newTodo);
this.newTodo = "";
},
},
};
</script>