学习vue3- - carol2014

vue3学习之vue-router

摘要：我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。前段有些空时间，就把vue3的学习整理下，使用vi 阅读全文

posted @ 2023-12-26 14:55 carol2014 阅读(95) 评论(0) 推荐(0)

vue3学习之模板语法

摘要：模板语法 src/views/basic/Template.vue <script setup> import { ref, reactive, onMounted } from "vue"; //模板语法 const msg = "hello"; const rawHtml = "<span st 阅读全文

posted @ 2023-12-26 15:00 carol2014 阅读(86) 评论(0) 推荐(0)

vue3学习之表单相关

摘要：表单相关 src/views/basic/Form.vue <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref( 阅读全文

posted @ 2023-12-26 15:04 carol2014 阅读(60) 评论(0) 推荐(0)

vue3学习之事件绑定

摘要：事件绑定 src/views/basic/Event.vue <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签，点击事件传递到了外层p标签"); } function 阅读全文

posted @ 2023-12-26 15:17 carol2014 阅读(160) 评论(0) 推荐(0)

vue3学习笔记之响应式状态

摘要：响应式状态 src/views/basic/Reactive.vue <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象只能用于对象、数组和集合类型 c 阅读全文

posted @ 2023-12-26 15:23 carol2014 阅读(83) 评论(0) 推荐(0)

vue3学习笔记之组件

摘要：组件 src/views/ad/Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/sim 阅读全文

posted @ 2023-12-26 15:54 carol2014 阅读(56) 评论(0) 推荐(0)

vue3学习笔记之逻辑复用

摘要：逻辑复用-组合式函数 src/views/ad/User.vue <script setup> import { useMouse } from "../../js/mouse.js"; import { useFetch } from "../../js/fetch.js"; import { r 阅读全文

posted @ 2023-12-26 16:10 carol2014 阅读(68) 评论(0) 推荐(0)

vue3学习笔记之Pinia状态管理

摘要：状态管理 <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/counter"; import { useT 阅读全文

posted @ 2023-12-26 16:44 carol2014 阅读(107) 评论(0) 推荐(0)

合集-学习vue3