zoukankan      html  css  js  c++  java
  • 学习Vue踩过的坑

    1.用Vue绑定方法的时候里面的methods:要加s!!!

    2.v-on只有在事件监听(@click=" 方法名")和不需要参数时候才不要加 ( ),在胡子写法中{{ fun() }}要加括号

    3.在计算属性中的if ,else if 中记得要返回那个值。

    4.v-for循环遍历对象时 v-for=“(value,key) in info" 

       <li v-for="(value,key) in info">{{value}}-{{key}}</li>

    循环遍历数组 v-for=”(item,index)“in names" (Vue官方推荐在添加一个 :key="item")提高性能

      <li v-for="(item,index) in names">{{index+1}}  {{item}}</li>

     -----------------------WebPack的坑-----------------------------------

    1.用视频里面老师的less-loader要用相同版本的loader 包括css-loader,style-loader,less-loader

    2.图片做成模块时要用url-loader 当图片小于limit(--一般8k)转成base64字符串 大于limit 用file-loader 在webpack.config.js 添加publicPath:‘dist’---url文件都会去里面找

    3.图片打包完换个名字的功能:在url-loader的option里面{list:8294,name:'img/[name].[hash:8].[ext]'}---[name],[hash],[ext]都是变量会去原图片找到对应的变量替换上去

     4.安装插件的时候要看清楚是不是在项目里面安装(经常安装到根目录下)导致报错找不到模板

    ---------------------webstrom的坑------------------------------------

    1.不能在ide里面打开网页 ctrl+alt+s的界面(2020.1.3版本--目测大部分版本都一样)

    ----------------------------------------------------------------实训项目遇到的坑-----------------------------------------------------------------------------

    在有和网络服务器获取数据的时候,尽量都在mount里面调用数据,总线等等(千万不要在create 里面调用关于数据的方法 )

    例如:数据来了但是creat里面还没渲染 

    解决方案:在mount里面调用数据,或总线

    在Home里面调用/引用子组件的方法时候,肯能子组件还没加载完成 需要多加个判断

    例如:

  • 相关阅读:
    Lua简介
    Using WCT
    AJAX Cntorl Toolkit ResizeableControl(可缩放控件)
    Google Maps API 1.Load Google Map
    CommandEventArgs类学习
    Windows 7 12 个使用技巧
    SQL Server 2008 不允许保存更改解决
    AJAX Control Toolkit ValidatorCallout
    硬盘整数分区最精确地算法
    Ajax Control Toolkit TabContainer
  • 原文地址:https://www.cnblogs.com/xcj-zzp/p/13357143.html
Copyright © 2011-2022 走看看