学习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里面调用/引用子组件的方法时候,肯能子组件还没加载完成 需要多加个判断
例如:
学习Vue踩过的坑的更多相关文章
- 那些年vue踩过的坑
1.前言 学习Vue前端框架已经一个月了,作为一个web刚入门的菜鸟,在学习的过程中,网上有些技术博客往往没有什么可以借鉴的地方,在这里 我特意将我从开始一直到登录的过程记录下来.希望看到我的文章的朋 ...
- deeplearing4j学习以及踩过的坑
1. 添加dl4j后, run项目时, 一直run不起来, run按钮绿色但是点击没反应. 查看日志后发现: 是classpath太长导致的. 在本项目的.idea文件夹,找到文件夹中的works ...
- vue踩过的坑('url' is assigned a value but never used no-unused-vars)
1.代码编写 2.遇见错误 3.解决方案 在错误代码后加入注释:(// eslint-disable-line no-unused-vars) 之后页面上就不会出现该错误信息了
- 记一次学习kibaba踩过的坑(Windows环境)
下载地址 ElasticSearch:https://www.elastic.co/cn/downloads/elasticsearchLogstash:https://www.elastic.co/ ...
- Vue 学习笔记之 —— 组件(踩了个坑)
最近在学习vue,学习组件时,遇到了一个问题,困扰了半个多小时.. <!DOCTYPE html> <html lang="en"> <head> ...
- 使用vue开发项目需要注意的问题和可能踩到的坑
最近,在公司给一些刚刚使用vue进行开发的同学做了一次分享, 其中包括一些vue开发中需要注意的点, 以及一些可能会踩到的坑.具体内容如下: 一.生命钩子使用需要注意的地方 1.beforeCreat ...
- vue踩坑记
vue踩坑记 易错点 语法好难啊qwq 不要把'data'写成'date' 在v-html/v-bind中使用vue变量时不需要加变量名 在非vue事件中使用vue中变量时需要加变量名 正确 < ...
- vue踩坑之旅 -- computed watch
vue踩坑之旅 -- computed watch 经常在使用vue初始化组件时,会报一些莫名其妙的错误,或者,数据明明有数据,确还是拿不到,这是多么痛苦而又令人忍不住抓耳挠腮,捶胸顿足啊 技术点 v ...
- vue项目开发中踩过的坑
一.路由 这两天移动端的同事在研究vue,跟我说看着我的项目做的,子路由访问的时候是空白的,我第一反应是,不会模块没加载进来吧,还是....此处省略一千字... 废话不多说上代码 路由代码 { pat ...
- Vue踩坑第一步,安装Vue最新版本
学习vue第一步肯定是安装vue-cli,那么肯定想去搜下如何安装vue-cli呢? 网上搜到的结果大都是: npm i vue-cli -g 输入vue -V发现: 输入node -v发现: 自己明 ...
随机推荐
- PyQt5模块说明
pyqt5的类别分为几个模块,包括以下: QtCoreQtGuiQtWidgetsQtMultimediaQtBluetoothQtNetworkQtPositioningEnginioQtWebSo ...
- ORA-28001 口令已经失效(密码过期)相关问题处理
Oracle 提示错误消息 ORA-28001: the password has expired, 经调查是由于 Oracle 11G 的新特性所致, Oracle 11G 创建用户时缺省密码过期限 ...
- elastalert部署和使用
一.Elastalert简介 Elastalert是Yelp公司基于python开发的ELK日志告警插件,Elastalert通过查询Elasticsearch中的记录与定于的告警规则进行对比,判断是 ...
- zookeeper在关闭服务时报could not find file /opt/module/zookeeper-3.5.10/zkData/zookeeper_server.pid
遇到了个问题,zookeeper在执行 bin/zkServer.sh stop时 会报题目中的错误,我搜了一下博客,好像是因为第一次启动的不是zkServer.sh中的服务 我先 kill -9 加 ...
- SQL语句大全,你不会写的SQL可能都在这里
1.创建数据库 CREATE DATABASE database-name 2.删除数据库 drop database dbname3.说明:备份sql server 创建 备份数据的 device ...
- sudo apt-get install libncurses5-dev sudo apt-get install u-boot-tools
sudo apt-get install libncurses5-dev sudo apt-get install u-boot-tools
- 火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的互转
/**火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的互转 * Created by macremote on 16/5/3. */ function GPSUtil (){ v ...
- Hyperledger fabric 2.2.0 环境搭建
基础环境搭建 ### docker 安装 如果服务器上有旧版的docker,需要先执行卸载操作. $ sudo yum remove docker \ docker-common \ docker-s ...
- kotlin inline的缺点
inline关键字修饰的方法,可以在运行时将代码复制到使用处 用来控制打印好用 但有两个缺点: 一.修饰的方法不能太大,行数也不能太多,不然会造成很多重复代码 2.控制打印时,方法的行数最好与使用的行 ...
- K8S实现不同节点POD获取不同IP
背景介绍 某混合云场景k8s,云上和云下的node,需要将同一个域名解析到不同的IP 方案 利用Coredns+2个第三方插件,fwdpolicy,conditional 编译Coredns(在win ...