目录一、vue3的介绍（一）vue3的简介（二）vue3对比vue2带来的性能提升 二、vue3的两种创建方式方式一：使用vue-cli创建（推荐--全面）操作步骤 方式二：使用vite创建操作步骤一、vue3的介绍（一）vue3的简介2020年9月18日发布3.0版本。代号海贼王（One piece）其中耗时两年多、2600次提交、30+RFC、600+PR、99位贡献者（二
先来一张张图镇镇楼 生命周期生命周期是指一个组件从 创建 -> 运行 -> 销毁的整个阶段 , 强调的是一个时间段生命周期函数 生命周期函数是Vue内置的函数 , 会伴随着组件的生命周期,自动按次序执行,强调的是时间点 接下来我们来介绍一下在组件的每个生命周期中 , 都分别有哪些生命周期函数一、组件的创建阶段中的生命周期函数 &n
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible
vue3.0 Composition API一、setup()1.接收props数据2.context二、reactive1、reactive和ref区别三、ref四、shallowReactive五、shallowRef六、triggerRef七、toRaw八、markRaw九、customRef十、isRef十一、toRefs十二、toRef十三、computed十四、watch1、监听指定
转载
2024-07-11 22:43:48
641阅读
区别：vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理vuex用于组件之间的传值，localstorage，sessionst
转载
2024-10-12 16:17:49
244阅读
一、常用的属性：1、$store：$store 是挂载在 Vue 实例上的（即Vue.prototype），而组件也其实是一个Vue实例（所有组件都是实例，每个组件都是一个vue实例，所有的 Vue 组件都是 Vue 实例：一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成，也就是说：组件放到根组件中使用）在组件中可使用 this 访问原型上
UI组件库用的多 一、场景 数据在子组件中，想要在父组件中操作子组件的数据或格式 数据在子组件，但是想怎么用是父组件说的算 二、
vue的概况及核心思想：vue本身并不是一个框架：
vue结合周边生态，可以构成一个灵活的、渐进式的框架
声明式的渲染 → 组件系统 → 客户端路由 → 大规模状态管理 → 构建工具
vue的核心思想：
数据驱动、组件化
通过mvvm的数据绑定实现自动同步
DOM → VUE → 原生JS对象
vue创建的挂钩中出错 Version 3 is just around the corner and the composition API is bringing some new exciting possibilities, like building React Hook-like functions to help manage and share common logic and
## Vue3 Axios重Router没作用的解决方法
### 1. 简介
在Vue.js的开发中，经常会遇到使用Axios发送网络请求的情况。而在Vue3中，使用Axios发送网络请求时，有时会出现重Router没作用的问题。本文将介绍在Vue3中解决这个问题的方法。
### 2. 解决方法
为了解决重Router没作用的问题，我们可以按照以下步骤进行操作：
| 步骤 | 操作 |
原创
2023-11-17 16:18:49
193阅读
TypeScript前端现在越来越强大，多人开发更是常见，加上各大框架都开始支持TypeScript，而谷歌和微软又更加积极，导致不得不去学习，顺道通过js来了解ts，再通过ts来了解强类型语言。一路走来，辛酸二字不足形容，道行太浅，终究惨不忍睹。特在此记上一笔。以备将来继续踩坑前行。TypeScript使用官方文档EN 2.9 | 中文 2.7 推荐使用使用英文文档，明显比中文更新更快
不知道算
Vue-3 props，$emit，slot，render，JSX和createElementProps 和 $emit使用 Vue 开发项目时，我们将项目中的内容按照模块划分，但是有时候模块和模块之间会存在数据交互。在真正的项目开发中，父子、兄弟组件之间需要互相传值。最传统的传值方式就是 props 和 $emit。一、PropsProp 是你可以在组件上注册的一些自定义特性。当一个值传递给一个
1.安装插件postcss-plugin-px2rem；npm i postcss-plugin-px2rem --save -dev2.在vue.config.js中配置 。这里需要说明一点，网上搜的一堆教程都强调应该增加remUnit来设置rem的计算标准。但是其实在新版后，这个值换成了rootValue这个。例如你设计稿为750的宽度标准，那么这里的值设置为75则可。module
getters应用
在上一篇文章Vuex（一）中我们已经把Vuex需要用到的属性的单独页面引入到了store/index.js里面，所以我们接下来直接在这些js文件中写自己需要的代码就好。 1.Getter了解：Getter我们可以理解为store仓库的一个计算属性，就像计算属性一样，getter的返回值会根据它的依赖被缓存起来，依赖值发生
1.v-for： <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript： data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
原创
2023-07-27 21:47:21
10000+阅读
