学习-Vue3-条件渲染
摘要：v-if支持在 <template> 元素上使用，能和 v-else 搭配使用。 v-show 不支持在 <template> 元素上使用， 也不能和 v-else 搭配使用。 <template> <!-- <template> 上的 v-if 因为 v-if 是一个指令，它必须依附于某个元素。但
阅读全文
posted @
2023-01-13 14:37
法老的微笑
阅读(129)
推荐(0) 编辑
学习-Vue3-绑定内联样式
摘要：<template> <div> <!-- 绑定内联样式--绑定对象 --> <!-- <div :style="{color: activeColor, 'font-size': fontSize+ 'px'}">测试</div> --> <div :style="styleObj">绑定对象</
阅读全文
posted @
2023-01-13 14:16
法老的微笑
阅读(268)
推荐(0) 编辑
学习-自增id++的问题
摘要：代码示例： let id = 0 const todos = ref([ { id: id++, text: 'Learn HTML' }, { id: id++, text: 'Learn JavaScript' }, { id: id++, text: 'Learn Vue' } ]) 控制台：
阅读全文
posted @
2023-01-11 13:34
法老的微笑
阅读(50)
推荐(0) 编辑
学习- vue4.x-router 带参数动态路由知识点理解demo
摘要：app.use(store).use(router).mount('#app') 通过调用 app.use(router)，可以在任意组件中以 this.$router 的形式访问，并且以 this.$route 的形式访问当前路由 1、带参数的动态路由匹配 使用场景：页面跳转，想要携带id到目标页
阅读全文
posted @
2022-08-05 14:31
法老的微笑
阅读(188)
推荐(0) 编辑
学习-vue3 自定义指令，帮助理解的简单demo
摘要：自定义指令：对普通 DOM 元素进行底层操作。 v-focus指令：（main.js中注册全局自定义指令） import { createApp } from 'vue' import App from './App.vue' import router from './router' import
阅读全文
posted @
2022-08-04 17:34
法老的微笑
阅读(235)
推荐(0) 编辑
学习-vue3 作用域插槽,帮助理解的简单demo
摘要：父组件： <template> <div> <!-- 父级作用域中，可以使用 slot 定义我们提供的插槽 prop 的名字 --> <todo-list> <template v-slot:default="slotProps"> <span class="green">{{ slotProps.
阅读全文
posted @
2022-08-04 16:23
法老的微笑
阅读(61)
推荐(0) 编辑
