探索vue2框架的世界：关于vue2.x的性能优化和常见的白屏原因
在本篇文章中，博主总结了一些常见的vue2框架性能优化方法和项目启动出现白屏的原因，还望走过路过的同行和大神们点赞关注,多多指教，用你们发财的小手给予博主大大的鼓励👍👍👍。 vue2x 性能优化 👉1.路由懒加载，有效拆分应用大小，访问时才异步加载 vue是单页面应用，可能会有很多的路由引入，这样使用webpack打包后的文件会很大当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验如果我...
如何查看前端的vue项目是vue2还是vue3项目
1. 检查package.json文件 在项目的根目录下，打开package.json文件，查找dependencies或devDependencies部分中的vue条目。版本号将告诉你是Vue 2还是Vue 3。例如： Vue 2.x: "vue": "^2.x.x"Vue 3.x: "vue": "^3.x.x" 2. 使用Vue Devtools 如果项目正在运行，并且你已经安装了Vue Devt...
Vue2 通过.sync修饰符实现数据双向绑定
App.vue <template> <div class="app"> <button v-on:click='isShow=true' >退出按钮</button> <BaseDialog :visible.sync='isShow' ></BaseDialog> </div></template> <script>import BaseDialog from "./components/Bas...
Vue2 组件名没有按照驼峰命名报错解决方法
报错信息： ERROR in [eslint] C:\Users\Administrator\Desktop\pj\vue-project\src\views\home\index.vue 1:1 error Component name "index" should always be multi-word vue/multi-word-component-names 如果想忽略这个错误，正常...
Vue2 记账单案例：基本渲染、添加删除、axios请求、echarts饼图
效果 代码 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <!-- CSS only --> <link rel="sty...
Vue2 props组件通信
一、父组件向子组件传值 1、流程图 2、父组件代码 <template> <div class="app"> <UserInfo :username='username' :age='age' :isSingle='isSingle' :car='car' :hobby='hobby' ></UserInfo> </div></template> <script>import UserInfo fro...
【Vue2+3入门到实战】（21）认识Vue3、使用create-vue搭建Vue3项目、熟悉项目和关键文件
目录 一、认识Vue31. Vue2 选项式 API vs Vue3 组合式API2. Vue3的优势 二、 使用create-vue搭建Vue3项目1. 认识create-vue2. 使用create-vue创建项目 三、 熟悉项目和关键文件四、总结 一、认识Vue3 1. Vue2 选项式 API vs Vue3 组合式API <script>export default { data(){ re...
Vue2【插槽】
目录 1：插槽-默认插槽： 2：插槽-具名插槽 ： 3：插槽-作用域插槽： 总结：2023再见，2024再见！！！ 1：插槽-默认插槽： 作用：让组件内部的一些结构，支持自定义的，支持复用，假如我点击一个添加按钮弹出一个框进行询问是否选择添加，我删除一条数据想要弹窗给用户询问是否删除。这两条弹窗结构都是一样的，可以封装成插槽进行复用。 需求：要在页面中显示一个对话窗，封装成一个组件 问题：组件的内容不希望...
【Vue2+3入门到实战】（16）VUEVue路由的重定向、404、编程式导航、path路径跳转传参 详细代码示例
目录 一、Vue路由-重定向1.问题2.解决方案3.语法4.代码演示 二、Vue路由-4041.作用2.位置3.语法4.代码示例 三、Vue路由-模式设置1.问题2.语法 四、编程式导航-两种路由跳转方式1.问题2.方案3.语法4.path路径跳转语法5.代码演示 path跳转方式6.name命名路由跳转7.代码演示通过name命名路由跳转8.总结 五、编程式导航-path路径跳转传参1.问题2.两种传...
【Vue2+3入门到实战】（15）VUE路由入门声明式导航的基本使用与详细代码示例
目录 一、声明式导航-导航链接1.需求2.解决方案3.通过router-link自带的两个样式进行高亮4.总结 二、声明式导航-两个类名1.router-link-active2.router-link-exact-active3.在地址栏中输入二级路由查看类名的添加4.总结 三、声明式导航-自定义类名（了解）1.问题2.解决方案3.代码演示4.总结 四、声明式导航-查询参数传参1.目标2.跳转传参3....