随笔分类 - Vue
摘要：window.onload = function (){ var a = 1; var b = 2; var c = 3; var a = 1,b = 2,c = 3; // 数组解构 // Es6匹配模式：等号两边的模式相同，左边变量就会被赋予对应的值，不匹配变量的值等于undefined let
阅读全文
摘要：1、百度中搜索百度地图进行查找 2、点击控制台 3、进行开发者认证 有这个标识即可进行申请密钥 4、申请密钥 点击应用管理中的我的应用 5、点击创建应用（进入以下页面） 1、应用名称自己添 2、应用类型根据自己实际情况进行选择 3、referer白名单中写*号 最后提交即可 密钥位置（创建成功之后）
阅读全文
摘要：弹性布局详解——5个div让你学会弹性布局 1 弹性布局简介 弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。 >>> 了解两个基本概念，接下来会频繁提到： ① 容器：
阅读全文
摘要：Pinia 第一章（介绍Pinia） 前言 全局状态管理工具 Pinia.js 有如下特点： 完整的 ts 的支持； 足够轻量，压缩后的体积只有1kb左右; 去除 mutations，只有 state，getters，actions； actions 支持同步和异步； 代码扁平化没有模块嵌套，只有
阅读全文
摘要：Vue3 （Vscode插件） 前端开发的编辑器有很多种如DW,hubilder，Web Storm,sublime,vscode，等等。 随着VsCode开源免费，丰富的插件，也是深受前端开发人员爱戴，在我们使用VsCode开发vue2的时候经常会下载一个插件vetur ，帮我们提供良好的代码智能
阅读全文
摘要：vue作为一款深受广大群众以及尤大崇拜者的喜欢，特此列出在github上开源的vue优秀的UI组件库供大家参考 这几套框架主要用于后台管理系统和移动端的制作，方便开发者快速开发 Element UI Plus 安装方法 # NPM $ npm install element-plus --save
阅读全文
摘要：重置样式reset.less html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, k
阅读全文
摘要：Vue3 第二章（配置环境） https://xiaoman.blog.csdn.net/category_11618172_2.html 配套笔记 (122条消息) Vue3 + vite + Ts + pinia + 实战 +electron（学习ing，笔记未完待续......）_MajorM
阅读全文
摘要：解决方法： 引入路径报红时，lang='ts‘修改成js或者不写。
阅读全文
摘要：调试vue项目，发现报如下错误： [plugin:vite:import-analysis]>[plugin:vite:import-analysis] Failed to resolve import "./views/Home" from "src\main.js". Does the file
阅读全文
摘要：问题 Vue3 项目中使用 setup() 函数，代码如下 <script setup> import { useStore } from "../stores/store.js"; export default { setup() { const store = useStore(); retu
阅读全文
摘要：首先需要明确这四个函数都是用于在 setup 中创造响应式变量的。 四个函数都需要从vue中导出： import {ref, reactive, toRef, toRefs} from 'vue' 总结： reactive对比ref 从定义数据角度对比： - ref用来定义基本类型数据 - reac
阅读全文
摘要：Vue3快速上手 <img src="https://user-images.githubusercontent.com/499550/93624428-53932780-f9ae-11ea-8d16-af949e16a09f.png" style="width:200px" /> 1.Vue3简介
阅读全文
摘要：Eslint语法检测问题 当项目安装时报了一大堆语法检测问题解决方案 2、 打开.eslintrc.js注释掉方法即可 3、当注释掉后发现还有问题，ts语法检测 4、将ts的配置文件的strict值改成false就好啦
阅读全文
摘要：tsconfig.json中 { "compilerOptions": { "target": "esnext", "module": "esnext", "strict": false, //默认true "jsx": "preserve", "moduleResolution": "node",
阅读全文
摘要：查看nodeb node -v 查看typeScript版本 tcs -v 查看 mvn -v let和const区别 let str ='1' // str:string 初始值决定它的类型 const num =1; // 常量不可修改，它的值就是类型 ① var声明的变量属于函数作用域；let
阅读全文
摘要：前奏 笔者公司前端小组，线上出现了因为Promise用错了而导致的问题。 本文的出发点不仅是了解Promise，主要目的是跟着特性去写一个Promise。 所以前提是你已经掌握了Promise的基本特性，如果没有接触过的话，请点击学习 正文 熟悉es6的Promise特性。 1.特性概览 链式调用。
阅读全文
摘要：第 7 章：Vue UI 组件库 7.1 移动端常用 UI 组件库 1. Vant https://youzan.github.io/vant 2. Cube UI https://didi.github.io/cube-ui 3. Mint UI http://mint-ui.github.io
阅读全文
摘要：生命周期 非单文件组件：全局事件时 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │─
阅读全文
摘要：npm install 报错处理 1.更新项目之后，npm install 之后 解决： 1.删除 node_modules 2.删除 package-lock.json 3.清理一下缓存 npm cache clear --force 4.重新安装依赖 npm install 如果上述步骤仍然不能
阅读全文
