vue3
vue3的学习记录
青阳流月
记录自己在开发过程中的学习笔记,有错误还请指出.进步ing...
展开
-
vite项目中动态引入src失败的问题解决:require is not defined
vite项目中动态引入src失败的问题解决:require is not defined原创 2024-01-02 17:51:09 · 771 阅读 · 0 评论 -
vue3自定义指令
字体固定颜色的指令</p><p v-color-value="'blue'">可赋值的颜色指令(小驼峰写法)</p><p v-ColorValue="'yellow'">可赋值的颜色指令(不用驼峰)原创 2023-09-04 16:48:44 · 385 阅读 · 0 评论 -
vue3的this和实例上的方法
个人认为,vue2和vue3最大的区别,还是在于语法中的this,让很多人从vue2开始写vue3的开发者一时不适应.在vue2中,this.$emit,this.$router,this.$refs等等,都是频繁使用的,而vue3语法的改动,让vue中的this不再有原来的效果,不再绑定当前组件实例.当然了,vue3也兼容vue2原来的语法,如果使用原来的旧语法,依然是可用的.关键在于,怎么样能在vue3中变相使用原来的this呢。原创 2023-08-25 14:50:55 · 447 阅读 · 0 评论 -
vue3实现自动引入
在vue3中,使用ref,reactive等api,需要进行如下操作自动引入后的效果。原创 2023-08-25 14:26:26 · 1051 阅读 · 0 评论 -
vue3组件
组件可以在全局注册,也可以单独引入.甚至可以进行更复杂的操作,相互嵌套依赖,或者是递归组件.原创 2023-08-17 17:47:57 · 36 阅读 · 0 评论 -
vue3插槽的使用
父组件中在template上添加,里面定义内容子组件里面使用元素进行调用效果如下。原创 2023-08-17 10:54:42 · 51 阅读 · 0 评论 -
vue3学习--创建项目
vue3创建项目有两种方法。原创 2023-04-13 17:40:54 · 227 阅读 · 0 评论 -
vue3父子组件传递参数:defineProps和defineEmits
【代码】vue3父子组件传递参数。原创 2023-08-16 17:55:05 · 214 阅读 · 0 评论 -
vue3计算属性和数据监视: computed和watch
数据监视除了监视单一的值,还可以对数据的某一个具体属性,或者是层次比较深的引用类型数据,或者多个数据进行监视,代码如下。计算属性属于静态的,基本语法如下。原创 2023-08-16 16:57:29 · 95 阅读 · 0 评论 -
vue3学习 -- 路由的基本配置
vue3和vue2的语法区别还是比较大的,写习惯了vue2,去学习vue3的api会感觉比较麻烦,其实很正常,vue2在开发的时候一言就console.log(this),就像query,一言不合$,确实比较容易一些.vue3把整个语法进行了较大的改革,让使用vue的人,能使用功能更强大,组合能力更强的api.如果在开始用命令行创建项目的时候,就选择了router,那么就会比较轻松了,直接生成了对应的router基础配置,如果没有的话,就需要自己去简单配置一下了.在main.ts里面引入配置好的路由。原创 2023-04-13 18:05:39 · 778 阅读 · 0 评论