2024-11-13 厉飞雨 阅读(303) 评论(0) 赞(31)

<h1>什么是响应式? {#什么是响应式}</h1> <blockquote> <p>我们先来看一下响应式意味着什么?我们来看一段代码:</p> </blockquote> <p>|---------------|-----------------------------------------...

2024-11-06 厉飞雨 阅读(391) 评论(0) 赞(18)

<h2>Preface {#preface}</h2> <p>在 Vue 前端项目中不可避免的要使用 icon svg 图标组件，对于这个组件它需要两种能力：</p> <ol> <li>显示外部 svg 图标。</li> <li>显示项目内的 svg 图标。</li> &...

2024-11-06 厉飞雨 阅读(495) 评论(0) 赞(18)

<p>在做一个用vite构建的vue3项目时，动态拉取菜单导入页面，然后一直报错，偶尔可以，偶尔不行。</p> <p><img src="http://static.51tbox.com/static/2024-11-06/col/2c08cd8a55b67bfef67b1d01f1cc8fc8/a694aff2a20746d...

2024-11-06 厉飞雨 阅读(439) 评论(0) 赞(17)

<h2>动态路由</h2> <p>如果你的网页有管理员、普通用户等多种角色类型，不同的角色能看到的页面/菜单应该是不同的，所以不同的用户登录之后应该监听到不同的动态路由和渲染不同的菜单，这个时候就需要用到动态路由。</p> <p>简单来说就是根据用户信息获取其对应的权限，生成对应的路由挂载，然后动态渲染有权限的菜单于侧...

2024-11-06 厉飞雨 阅读(491) 评论(0) 赞(21)

<p>用脚手架安装的时候勾选了<code>eslint</code>，而<code>eslint</code>如果检测到跟他的规则不一致就会报错，<code>vue/multi-word-component-names</code>这个是用来检测当前的组件名称是否使用驼峰或多单词命名，<c...

2024-11-06 厉飞雨 阅读(365) 评论(0) 赞(16)

<h2>安装</h2> <p>npm安装</p> <pre><code class="language-lang-bash">npm install --save nprogress </code></pre> <p>或CDN引入</p> ...

2024-10-30 厉飞雨 阅读(448) 评论(0) 赞(16)

<p><strong>生命周期钩子</strong><br /> 我们可以直接看生命周期图来认识都有哪些生命周期钩子(图片是根据官网翻译后绘制的)：<br /> <img src="http://static.51tbox.com/static/2024-10-30/col/06f569ce47ace9...

2024-10-30 厉飞雨 阅读(259) 评论(0) 赞(17)

<h3>计算属性computed: {#计算属性computed}</h3> <ul> <li> <p>支持缓存，只有依赖数据发生改变，才会重新进行计算</p> </li> <li> <p>不支持异步，当<code>computed</code>内...

2024-10-30 厉飞雨 阅读(478) 评论(0) 赞(18)

> **前言** > 基于`echarts-liquidfill`开发的适用于大屏可视化的水球图组件，根据传入的数值决定水球图水量高度，可定义水球图的三条水波纹的颜色色值、水球图的背景颜色、边框颜色以及外发光阴影的颜色等属性。 > ![企业微信截图_16341779339730.png](http://static.51tbox.com/static...

2024-10-30 厉飞雨 阅读(218) 评论(0) 赞(15)

前言 {#%E5%89%8D%E8%A8%80} ------------------------ 之前在哔哩哔哩、掘金、知乎等。了解许多关于`Vue3.0`的新特性和小技巧,现在微总结一下希望能给大家提供一些帮助。 忽略.vue后缀 {#%E5%BF%BD%E7%95%A5.vue%E5%90%8E%E7%BC%80} --------------------------...