Vue2项目问题汇总（一）

Vue2项目问题汇总

• Vue常见问题

  1.子组件的data数据要写在return中，因为data是一个函数，而不是对象

   data () {
          return {
              fanData:[],   //所有粉丝
              checkFan:[],  //重新选中的粉丝id
              checkId:[],   //已经选中的粉丝id
              tabName:'',
              tabEditId:0
          }
      },

  
  2.引用私有样式表要在style标签中加入 scoped src="XXX.css"

  <style scoped src="./big_img.css">
  
  </style>

  
  3.一个组件下不能出现同级并列的div

  <template>    //正确的写法
      <div class="img-view" @click="bigImg">
              <!-- 遮罩层 -->
              <div class="img-layer"></div>
              <div class="img">
                  <img :src="imgSrc">
              </div>
      </div>
  </template>
  //错误的写法
  
  <template>
  
     <div class="img-view" @click="bigImg">
  
              <!-- 遮罩层 -->
  
              <div class="img-layer"></div>
  
              <div class="img">
  
                  <img :src="imgSrc">
  
              </div>
  
      </div>
  
  </template>
  
  
  

• 父组件传递信息给子组件需要注意的问题

  1.父组件要传递的值一定要写在子组件模板的引用上~

  2.子组件定义props:['xxx']时一定要加'',因为参数是字符串格式，不是变量

• 子组件传递信息给父组件需要注意的问题

  1.父组件用来接收数据的自定义函数一定要写在子组件模板的引用上~

  2.父组件data必须要定义变量，才能用此变量来接收子组件传来的值

• setInterval和clearInterval

  1.setInterval事件和组件的生命周期没有直接关系

  2.setInterval相当于该组件申请的一种资源，在使用该组件时获取，在离开该组件时释放。这个过程只能是手动进行