![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
慎思笃行_
业精于勤荒于嬉,行成于思毁于随。
展开
-
vue3笔记
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。原创 2023-04-10 16:48:59 · 2479 阅读 · 4 评论 -
vue导航栏 不错的解决方案
其实做一个vue导航栏简单,但是真正做好才是重要的。下面我就展示下我的导航栏解决方案第一步:给vuex中加上nav数据【让nav变为全局数据】import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Store({ state: { nav: "", }, //【核心代码 加上一个nav】 mutations: {}, actions: {}, modules.原创 2021-11-19 09:17:49 · 1979 阅读 · 0 评论 -
前端面试题整理
浏览器加载资源的时候,没有命中强缓存,这时候就会请求服务器,去请求服务器的时候回带两个参数,一个是If-None-Match,也就是响应头中的etag属性,每一个文件对应一个etag;当声明一个变量并给该变量赋值一个引用类型的值时候,该值的计数+1,当该值赋值给另一个变量的时候,该计数+1,当该值被其他值取代的时候,该计数-1,当计数变为0的时候,说明无法访问该值了,垃圾回收机制清除该对象。有时候编辑了文件,但是没有修改,但是last-modified属性的时间就会改变,导致服务器会重新发送资源。原创 2022-10-29 11:50:52 · 273 阅读 · 0 评论 -
el-form-item中的el-input加上正则校验
【代码】el-form-item中的el-input加上正则校验。原创 2022-09-20 15:50:06 · 1060 阅读 · 0 评论 -
vue阿拉伯数字转换繁体字
小提示:(代码可优化,现在的状态为了方便大家理解。并且一定还有更好的方法)第一步:data中我添加一个测试数据(为了便于测试)第三步:methods里面添加capital()方法。设123.00 显示 壹佰贰拾叁元零角零分。第二步:html中代码如下(这一步可以优化)2.设10.00 显示 壹拾零元零角零分。1.将阿拉伯数字转换为繁体字组合。原创 2022-09-03 11:14:44 · 579 阅读 · 0 评论 -
vue2 创建一个新项目
好了 这些设置好之后 项目下载之后就可以npm run serve运行啦..............我自己的习惯是使用vue2 但是会自己手动设置一些自己想要的东西 (如下)有的同学会直接选择,然后直接就可以项目npm run serve运行了。以下都是在vscode终端中输入操作的。在vscode终端中 安装淘宝镜像。全局安装下vue的脚手架。......原创 2022-08-26 20:18:00 · 209 阅读 · 0 评论 -
监听div的滚动事件 @scroll
不得不说vue方法很方便。原创 2022-07-21 09:13:57 · 1518 阅读 · 0 评论 -
avue使用常见问题
2022年使用avue踩过的一些坑的记录原创 2022-05-23 14:39:07 · 2172 阅读 · 15 评论 -
vue获取屏幕的实时 宽度 / 高度
mounted () { const that = this; window.onresize = () => { return (() => { window.screenWidth = document.documentElement.clientWidth; //实时宽度 window.screenHeight = document.documentElement.clientHeight; //实时高度 con.原创 2022-03-05 09:43:30 · 2731 阅读 · 0 评论 -
img默认图片 【vue】
内容:解决img不知道如何设置默认图片的问题原创 2022-02-25 09:01:21 · 636 阅读 · 0 评论 -
vue 给src文件夹配置@别名 以方便项目开发时候的路径选取
在项目根目录创建一个jsconfig.json文件配置别名@提示将配置代码复制进去既可-----------------------------------------------------------{ "compilerOptions":{ "baseUrl":"./", "paths":{ "@/*":[ "src/*" ] } }, "exclude": [ "node_modules", "原创 2022-01-11 19:14:57 · 428 阅读 · 0 评论 -
vue中 如何关闭eslint校验功能
在根目录下创建一个vue.config.js文件这样既可关闭eslint校验功能原创 2022-01-11 19:05:41 · 279 阅读 · 0 评论 -
vue 项目运行起来的时候 自动在浏览器打开
首先找到package.json这个文件原创 2022-01-11 19:01:04 · 211 阅读 · 0 评论 -
vue-cli vue脚手架常用项目安装
项目中常用的vue-cli安装方法vue create 项目名称底下的一条龙操作---------最后在回车下即可原创 2022-01-09 10:45:25 · 267 阅读 · 0 评论