![](https://img-blog.csdnimg.cn/71361e72bba04d67b7c9f3031055df5b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3学习笔记
Vue3学习笔记
大号密码忘了
一枚非常普通的计算机2020级大学生
展开
-
Vue项目--页面显示markdown文本内容插件
安装:npm install markdown-it --save// 引入var MarkdownIt = require('markdown-it'),// 实例化const md = new MarkdownIt()// 将 markdown 文本格式内容转化成 HTML 标签结构内容var result = md.render('富文本框格式的内容');通过 v-html 插件 将 markdown 转化的 HTML标签内容渲染到对应页面位置<div v-html.原创 2022-04-25 22:09:13 · 1147 阅读 · 0 评论 -
Vue 3 V-model 详解
(28条消息) Vue3笔记_组件的v-model_英凛zzZ的博客-CSDN博客转载 2022-04-25 22:10:20 · 177 阅读 · 0 评论 -
Vue3 通过ref获取DOM结点
一;获取单个绑定了ref属性的标签结点1.给想要获取DOM元素的标签加上 ref 属性,并自定义一个名称2.在 setup 中使用 ref 声明一个变量名与标签中 ref 属性名称相同的变量3.之后这个 ref 所定义的变量中存储的就是 ref 属性标记了的元素结点。...原创 2022-04-21 21:51:33 · 18014 阅读 · 3 评论 -
Vue3 使用teleport内置组件 封装提示栏组件并实现函数化调用
一;提示组件要实现的功能:自定义提示栏提示状态(成功,失败,默认);自定义提示栏中的内容;自定义多久后消失;允许手动关闭提示栏;注:想要实现自定义,其实就是父组件在使用该子组件的时候动态的向子组件传递对应 prop 内容,子组件通过 props 接收并使用,所以要预先设计好要接收哪些 props 的内容。二;设计 Message 组件 实现基本的样式与功能模板和样式使用的 bootstrap 不做讲解<template> <teleport to="#messag原创 2022-04-21 16:48:29 · 986 阅读 · 0 评论 -
Vue3 Computed 计算属性应用介绍
一:Computed 介绍1.简化代码,直接计算得出想要使用的数据2.计算属性只在相关响应式依赖发生改变时它们才会重新求值。如果响应式数据发生变化,则计算属性会依据它所依赖的数据进行重新计算3.计算属性是有缓存机制的4.接收计算属性结果的变量可以直接在HTML模板中通过插值语法使用二:Computed 使用1.组合式API注册 computed 方法import { defineComponent, computed, onMounted, watch } from 'vue'原创 2022-04-18 11:21:38 · 2946 阅读 · 0 评论