阿莹yes的博客

目录解决方法控制台提示错误信息：Initialize failed: invalid dom解决方法看下代码里，是否在实例前，对dom进行了操作。比如：// this.$refs.bg 是undefineddestroyed(){ this.chart = this.$refs.bg ? echarts.init(this.$refs.bg).dispose(): '';}踩坑，留下足迹~...

目录router/index.js内代码main.js代码总结router/index.js内代码文件名：router/index.jsroutes: [ { path: '/', name: 'index', component: Index, meta: { title: '首页' } }, { path: '/login', name: 'login', c

目录1.config/index.js文件内配置2.vue.config.js文件内配置3.package.json文件内配置运行项目时，自动打开浏览器。可以有以下配置1.config/index.js文件内配置autoOpenBrowser: true,2.vue.config.js文件内配置devServer: { open: true}// 新增 open: true这个有时会遇见浏览器打开两次3.package.json文件内配置"scripts": { "dev

目录问题解决办法问题this.$refs[name].validate is not a function解决办法试试看打印出this.$refs[name] 是什么Form组件，最好不要放到遍历里面，不然ref里的 formdata 是谁的 都不知道。采坑，留下足迹 ~...

目录mutations1.直接通过$store.commit调用2.通过在methods中注册方法调用actions1. 通过$store.dispatch 方法触发2.通过在methods中注册方法调用mutations1.直接通过$store.commit调用 <button @click="$store.commit('mutations中的方法名','可带参数')">调用</button>2.通过在methods中注册方法调用// script中先引入mapMu

文章目录1. 判断引用动态组件2. tab标签3.内容区文章内容有点长。 全文直接粘贴的代码。1. 判断引用动态组件通过component标签 的is属性来进行组件的切换is的属性值决定要显示的组件，所以将is的属性值设置为data中的值，以便于动态变化//dialog.vue<template> <div class="qdDialog flex-center" @click.self="hide" v-if="showDeviceTypeDialog

文章目录创建vuex.js配置依赖import vue from 'vue'import vuex from 'vuex'Vue.use(vuex);exoprt var store default new Vuex.Store{　　state:{},//定义属性值　　mutations:{},//设置方法函数，注意：mutations不能有异步处理，因为有异步处理程序会很调试，devtooles也会很难追踪到状态　　actions:{},//用来处理mutatuions的异步

文章目录什么是服务器端渲染(SSR)服务器端渲染有哪些好处1.准备工作2. 创建项目操作一下出处：https://www.jianshu.com/p/8fbfbe537a9b什么是服务器端渲染(SSR)为了良好的用户体验和前后端分离，大多前端项目都是单页应用，modern 框架基本都是构建客户端应用程序的框架。通常情况下，负责在浏览器中输出组件，进行生成 DOM 和操作 DOM 来实现用户交互。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将静态标记"混合

目录数据获取导航完成后获取数据在导航完成前获取数据数据获取有时候，进入某个路由后，需要从服务器获取数据。例如，在渲染用户信息时，你需要从服务器获取用户的数据。我们可以通过两种方式来实现：导航完成之后获取：先完成导航，然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示“加载中”之类的指示。导航完成之前获取：导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。从技术角度讲，两种方式都不错 —— 就看你想要的用户体验是哪种。导航完成后获取数据当你使用这种方式时，我

目录导航守卫全局前置守卫全局解析守卫全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程导航守卫正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdate 的组件内守卫。全局前置守卫router.beforeEach 注册一个全局前置守卫：const r