vue报错整理记录

关于 npm install node-sass安装报错node-sass@4.12.0 postinstall: node scripts/build.js

首先执行：
npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

再执行：
npm install

解决问题！！！

项目开发之vue中如何刷新子组件，重置组件，重新加载子组件

解决方案：

给组件添加key值

原理：key值变化之后，会自动重新渲染组件

vue中的key的作用主要是为了高效的更新dom, 它也可以用于强制替换元素/组件而不是重复使用它，完成的触发组件的生命周期钩子，触发过渡。

<template>
  <el-button @click="btnEvent">刷新子组件</el-button>
  <child :key="datekey"></child>
</template>
 
<script>
   export default{
       data(){
          return {
                datekey:Date.now()
            }
       },
    methods:{
    
        btnEvent(){
            //这里更新了datekey ，组件就会刷新
            this.datekey = Date.now()
        }
    }
}
</script>