一、说明当我们页面上引入的组件过多时，会导致页面加载速度变得很慢，为了加快页面的渲染速度，我们引入组件使用异步加载，只有当用到这个组件的时间，页面才会去加载组件，这样一来，就大大加快了页面的渲染速度。这种方式也可以减少打包后的app.js文件大小。注：在iview的UI框架中测试。二、code1、以下是默认的写法。import HomeHeader from "./compo...
原创
2021-07-12 15:28:46
2944阅读
一、在动态组件上使用keep-alive:我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件：<component v-bind:is="currentTabComponent"></component>当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。有时候重新创建动态组件的行为是非常有用的，但是在
一、模块的安装 如图： 二、配置main.js 如图： 三、简单使用示例 页面加载时执行： 点击按钮执行： 异步请求的 代码如下： 四、路由跳转与参数 可以使用 this.$router.push(location) 来更改url，完成跳转 代码如下： 接受页面： 点击跳转页面
转载
2019-12-04 17:00:00
172阅读
2评论
####Actions 提交 Mutations 只能是同步函数，那异步操作可以交给 Actions Actions 选项的作用是把数据提交给 Mutations 进行处理，让其可追踪 //store/index.js //状态值 state: { info : '' }, //修改状态 mutat ...
转载
2021-09-27 21:27:00
185阅读
2评论
“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题 搭建项目商家详情头部时，能够完整渲染出整体头部界面无问题，但开发者工具仍然报出“Error in render: "TypeError: Canno
转载
2021-11-19 14:41:31
287阅读
“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题 搭建项目商家详情头部时，能够完整渲染出整体头部界面无问题，但开发者工具仍然报出“Error in render: "TypeError: Canno
转载
2021-08-17 14:25:25
695阅读
Vue：echarts异步加载数据显示
原创
2021-08-31 15:46:59
732阅读
主要代码 const SetPwdTemplate = () => ({ component: import( /* webpackChunkName: "setUserPwdAsync" */ "@/components/setUser/pwd.vue" ), loading: '加载组件' de ...
转载
2021-08-19 10:52:00
268阅读
2评论
Vue：echarts异步加载数据显示
原创
2022-01-15 17:45:28
559阅读
异步组件加载 首先准备 简单的框架搭出来 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>异步组件加载</title> <meta name="viewport" content="width=devi
原创
2021-07-30 11:38:38
459阅读
1 components: { 2 AddCustomerSchedule(resolve) { 3 require(["../components/AddCustomer"], resolve); 4 }, 5 AddPeopleSchedule(resolve) { 6 require(["..
转载
2020-07-28 18:01:00
475阅读
2评论
Vue CLI1、简介2、安装3、创建项目3.1 vue create1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、
原创
2023-02-13 11:42:42
159阅读
Vue CLI 在开发大型单页面应用时，需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情，对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具，来帮助搭建一个项目的框架，并进行一些项目所依赖的初始配置。 简介 ...
转载
2021-08-28 22:00:00
245阅读
2评论
https://cli.vuejs.org/zh/guide/mode-and-env.html
转载
2020-06-16 15:14:00
177阅读
2评论
VUE CLI 1.什么是Vue CLI (Command Line Interface)? Vue CLI是vue官方提供的脚手架工具， 默认已经帮我们搭建好了一套利用webpack管理vue的项目结构 2.如何安装Vue-cli和使用Vue-CLI? 安装脚手架工具: npm install - ...
转载
2021-09-25 21:39:00
161阅读
2评论
周末在家新建了一个 Vue 测试项目，但不管怎么建，总会提示一些 有的没的，杂七杂八的信息，如：找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示：寻思着，出现这些问题的原因，应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址，导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响，但是一句
转载
2021-05-10 18:17:13
814阅读
2评论
样例新建项目后，package.json 下的 script "scripts": { &q
原创
2023-02-22 11:04:47
200阅读
9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npm install -g vue-cl...
原创
2022-03-04 15:27:53
153阅读
####滚动行为 滚动行为，即当跳转到新路由组件时，在有足够高度的情况下会记住当前位置 有时，不需要记住当前位置，直接让它 top，或者指位置 const router = new VueRouter({ mode : 'history', routes, scrollBehavior(to, ...
转载
2021-09-22 17:21:00
164阅读
2评论
异步请求的数据，对它做一些处理，需要怎么做呢？？ axios 异步请求数据，得到返回的数据， 赋值给变量 info 。如果要对 info 的数据做一些处理后再赋值给 hobby ，直接在 axios 的回调函数中做处理。我这里把获取数据，放在了 created 中，在加载页面之前获取数据。这个时候， ...
转载
2021-09-09 08:38:00
2258阅读
2评论
