OceanH的博客

在vue3中，常用Pinia代替Vuex来进行状态管理。这里贴上Pinia的官网，有兴趣的可以去了解一下。Pinia🍍其他过程就省略了，今天在vue3中实现一个最简单的Pinia持久化插件,后续可能会进一步封装createApp,toRaw}from'vue'importAppfrom'./App.vue'//引入piniaimport{key?string}//默认的keyconst__piniaKey__${?.??}${.}${?.??}${.}...

::: tip 前言自己在部署Vue项目到服务器上后，遇到刷新页面出现404的问题(history模式)，而路由如果使用hash模式，则不会出现问题，这篇文章主要整理一下出现问题的原因以及解决办法:::为什么history模式下有问题🎉Vue是属于单页面应用，也就是SPASPA是一种网络应用程序，所有与用户交互都是动态重写当前页面来实现页面变化的，这也就是为什么不管我们应用有多少页面，打包之后都只会产出一个index.html现在，先来看一下nginx的配置server { liste

1.安装NProgressNPMnpm install --save nprogressYarnyarn add nprogress2.引入可以直接引入js、css或者通过cdn引入<script src='nprogress.js'></script><link rel='stylesheet' href='nprogress.css'/>Vue项目中// 引入NProgressimport NProgress from 'nprogress

一、使用场景🌊::: tip在编写Vue组件时，我们通常希望一些样式只作用于这一个组件，而不影响全局，此时只需要在style标签后加上一个scoped就可以了，但它是怎么做到的呢？当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。如果你善于观察，应该会发现，渲染后的dom元素上有很多 data-v-xxxxx 这样的标识，其实这就是秘密所在.:::二、实现原理🌊scoped属性的效果主要是通过PostCss实现的

前言整理一下自己在学习之后，对Vue数据双向绑定原理的理解，顺便感叹 尤雨溪大神太强了，如果有错误，欢迎各位指正。一、基础知识复习1.1 利用reduce方法链式获取 属性值如果 reduce 方法还不会使用的小伙伴赶快去复习！首先声明一个对象供我们使用：let obj = { name: 'zs', info: { age: 19, address: { location: '西安' } }

一、插槽在2.6.0中,具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。1.插槽内容：它允许你像这样合成组件（组件已经注册过）:<navigation-link url="/profile"> Your Profile</navigation-link>然后，你可以在 navigation-link 组件的template中使用

一、简答题1.Vue全家桶有哪些？Vue-CLI(脚手架)Vue-RouterVuexaxios搭配UI框架，如elementUI等2.描述下你对Vue生命周期的理解。vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。3.Vue组件之间的通信方式有哪些？4.描述下你对SPA和MPA的理解。他们的优缺点是什么？5.描述下你对webpack的理解？解决了什么问题？6.描述下Vue的响应式原理

什么是Vue-loader?官方文档中具有专业的解释，个人理解，用里面的一句话来总结就是，webpack 和 Vue Loader 的结合为你提供了一个现代、灵活且极其强大的前端工作流，来帮助撰写 Vue.js 应用一、处理资源路径当 Vue Loader 编译单文件组件中的 <template> 块时，它也会将所有遇到的资源 URL 转换为 webpack 模块请求。例如：<img src="../image.png">将会被编译为一个 模块请求：createEle

一、父组件向子组件传递父组件向子组件传递数据，可以通过props属性来实现：1.1 第一种写法：使用数组类型 <script src="../JS/vue.js"></script> <script> const app = new Vue({ el: '#app', //父组件中要传递的数据： data: { me

一、什么是Vue的生命周期？vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，==这就是一个组件所谓的生命周期。二、Vue的生命周期：首先做的的事情就是实例化vue对象，也就是创建一个vue实例，紧接着 初始化事件以及生命周期；触发 beforCreate，是创建实例之前执行的钩子事件，此事件执行完成后进行初始化注入；触发created,是创建实例之后执行的钩子事件 ；然后Vue会判断，是否含有"el"选项，如果没有，则使用vm.$