1.在子组件中 <template>   <button @click="sendData()">发送数据给父组件</button> </template> <script> export default {   methods: {     sendData() {       this.$emit('custom-event', '这是子组件传递给父组件的数据');     }   } } </script> 2.在父组件中 <template>   <div>     <my-component @custom-event="handleCustomEvent"></my-component>   </div> </template> <script> import MyComponent from './MyComponent.vue'; export default {   components: {     'my-component': MyComponent   },   methods: {     handleCustomEvent(data) {      ...

1.通过更新组件key刷新组件的方法示例： <template>   <sys-use-chart-teacher :key="componentKey" /> </template> <script>   import sysUseChartTeacher from "@/components/sys-use-chart-teacher/sys-use-chart-teacher.vue";   export default {     components: {       sysUseChartTeacher,     },     data() {       return {         componentKey: 0,       };     },     methods: {       freshComponent() {         this.componentKey += 1;           //this.componentKey += new Date();       }     }   } </script> 2.也可以使用$refs方法来实...

这是2019年写的第一篇文章，想了很久才确定了这个主题。对于程序员来说，如何提升用户体验，是一个一直存在的问题，今天主要跟大家探讨一下提升用户体验的方法-骨架屏，骨架屏的技术其实并不新鲜，很多程序员都接触过，接下来我们就来细说一下什么是骨架屏，以及如何实现。 1、什么是骨架屏？ 骨架，用作支持某物（如文学作品或有机体的一部分）的结构、基础或轮廓的支架。这是骨架的定义，骨架屏实际上是指页面的一个整体结构，在页面内容未加载之前，我们先展示页面的整体结构，这些结构由图形占位符组成，当页面加载完成之后，再把这些占位符替换掉。以下是饿了么H5页面的骨架屏展示。 2、如何实现骨架屏？ 这里不会去罗列代码，主要提供一下实现思路。对于vue项目来说，我们知道html文件中只有一个div#app元素，其余都是通过vue创建，所以在js未加载之前，页面处于空白状态，如果我们在div#app中加入页面整体结构占位符，这样在js未加载完成之前，页面显示的是这些占位符（骨架屏），这样对于用户来说，能看到页面正在努力加载的过程，这样很好的提升了用户体验，下面我们来说一下两种实现方式。 （1）自己动手一步...

开启 proxyTable，注意此方法只能在开发环境起作用，build之后的项目依然无法跨域，后面会介绍修改apache/nginx的url重写（或反向代理）实现跨域。 此方法以 vue脚手架生成的标准项目为准。一般在项目config目录下面有个index文件。里面格式如下： 'use strict' // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target:'http://www.test.com:8080',//不填端口将默认80 // secure: false, // ...