sass基础知识

sass中的变量$color: var(--color, red); .box{ color: $color; } 数据类型 数字,1rem、2vh、13、 10px; 字符串,分有引号字符串与无引号字符串,"foo"、 'bar'、baz; 颜色,blue, #04a3f9, rgba(255,0,0,0.5); 布尔型,...

前端进阶

vue3基础知识3

slot插槽1. 基本插槽组件: <template> <div> <h2>{{ title }}</h2> <slot></slot> </div> </template> 使用者: <templat...

前端进阶

vue3基础知识2

编程式路由导航import { useRouter } from 'vue-router' const router = useRouter() function handleClick(item: any) { router.push({ path: '/news/details', ...

前端进阶

vue3基础知识1

toRef与toRefs使用它,消费者组件可以解构/展开返回的对象而不会失去响应性: import { reactive,toRefs,toRef } from 'vue' const person = reactive({ name: '张三', age: 18 }) const cityO...

前端进阶

md文件的解析、渲染与目录文件读取

markdown文件内容的读取使用markdown-it的插件 npm install markdown-it import MarkdownIt from "markdown-it" import contentMd from "@/article/1.md?raw" const markdownit = new MarkdownIt() co...

前端进阶
14567810