- 博客(16)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 vue3: watch监听ref,reactive区别
在vue3中，watch监听ref,reactive写法不同，因为ref是创建父对象，reactive是创建本身的对象。所以在watch中，reactive需要使用一个箭头函数来进行监听写法如下：let box = ref(true)watch(box, (newVal, oldVal) => {})let box2 = reactive(true)watch(()=> box2, (newVal, oldVal) => {})...
2021-11-26 14:37:57
1516
原创 安装插件报错Object for dependency “@babel/core“ is empty.
安装插件报错Object for dependency “@babel/core” is empty.解决方法删掉package-lock.json, 重新安装即可
2021-10-28 13:40:34
1640
1
原创 qiankun微前端主子应用通信方案
一、概念目前有关微前端通信的方案无非两种：使用qiankun提供的api-initGlobalState进行通信；通过在主、微应用中定义状态管理类的方式进行通信；下面我们就第一种方案进行详细讲解，毕竟官方提供了实现方案。达到的效果如下：主应用作为中转，进行状态承接与派发；各个微应用不仅能获取主应用的状态变更，还能同步自身状态到主应用；微应用能独立运行；二、主应用我们先来看看initGlobalState(state) 这个api的具体信息：1.用法：在主应用中使用，定义全局状态，微应
2021-10-26 17:35:22
4288
原创 JS export 和 export default 的区别
export命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。// profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;上面代码是profile.js文件，保存了用户信息。
2021-10-25 10:35:17
469
原创 vue项目中Eslint标准配置
rules: { 'arrow-parens': 0, // 箭头函数用小括号括起来 'arrow-spacing': 0, // =>的前/后括号 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', warn: 'off',..
2021-10-21 16:03:43
262
原创 Electron-Vue数据持久化处理方案
1. 首先执行 $ npm install electron-store2. 修改vue.config.js文件进行配置，设置 electron-vue 的运行环境（已修改） nodeIntegration 改为true3. electron 11x 以上版本：在electron 主进程中执行以下代码import Store from 'electron-store';Store.initRenderer()4.渲染进程内使用：import _store from '@/utils/elect
2021-10-21 15:58:34
1922
6
原创 Vue3 的 script setup 语法糖
script setup 是个啥？它是 Vue3 的一个新语法糖，在 setup 函数中。所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中。相对于之前的写法，使用后，语法也变得更简单。使用方式极其简单，仅需要在 script 标签加上 setup 关键字即可。示例：<script setup></script>组件自动注册在 script setup 中，引入的组件可以直接使用，无需再通过components进行注册，并且无法指定当前组
2021-10-21 15:48:47
1444
原创 vue3 props用法
案例父组件：index.vue<template> <div> <child1 :name="name" title="标题一"/> </div></template><script>import { ref } from 'vue'// 导入子组件import child1 from '../../components/child1'export default { name:
2021-10-21 15:42:50
6692
原创 Vue 3.0 新特性及使用方法
介绍2020年9月19日凌晨，尤雨溪大大正式发布了 Vue.js 3.0 版本，代号：One Piece。此框架新的主要版本提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API，并为框架未来的长期迭代奠定了坚实的基础。3.0 版本的开发周期长达两年多，期间产生了 30+ RFCs、2600+ commits、628 pull requests，以及核心仓库之外的大量开发和文档工作。Vue 3.0 的发布标志着此框架整体上已处于可用状态。尽管框架的某些子
2021-10-15 10:48:15
691
原创 阿里前端面试题
目录HTML 面试知识点总结 51.1 DOCTYPE 的作用是什么？ 51.2 标准模式与兼容模式各有什么区别？ 51.3 HTML5 为什么只需要写 ，而不需要引入 DTD？ 51.4 SGML 、 HTML 、XML 和 XHTML 的区别？ 61.5 DTD 介绍 61.6 行内元素定义 61.7 块级元素定义 61.8 行内元素与块级元素的区别？ 61.9 HTML5 元素的分类 61.10 空元素定义 71.11 link 标签定义 71.12 页面导入样式时，使用
2021-10-15 10:39:09
1304
原创 前端面试题集锦
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-10-11 16:43:10
195
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人