vue的一些坑(第一天)

时间:2021-08-01 02:29:56

1:刚开始在创建项目的时候一直出现vue不是内部或外部命令

关于这个的解决方案网上给出的很多的解决方案是配置环境,这个我就不在赘述了;

但是我觉得那样太麻烦,就没用,只是重新 npm i vue-cli,然后结果就可以了。我的环境变量没有进行其他的配置,我一向都怕麻烦的。

2:是在修改原出现的程序的过程中出现错误:错误如下------>

client.js?7955:105 [HMR] bundle has errors:
client.js?7955:107 [HMR] ./src/App.vue
✘ http://eslint.org/docs/rules/indent Expected indentation of 8 space characters but found 6
/Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:19:7
label: 'aaa',
^
✘ http://eslint.org/docs/rules/indent Expected indentation of 8 space characters but found 6
/Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:20:7
isFinished: true
^
✘ http://eslint.org/docs/rules/indent Expected indentation of 6 space characters but found 7
/Users/apple/Desktop/VUEJS/vuePro/myvueProject01/src/App.vue:22:8
{
^

  其实仔细看都是一些空格,写法不标准惹的祸,程序本身没有错误,因为我也是初学者,所以对于ESlint的语法规则也不是很熟悉,所以:

打开目录下build文件夹,找到webpack.base.conf.js,然后vue的一些坑(第一天)删掉红色方框里面的就ok了。

3:有的同学会遇到main.js里面router报错,不过不影响程序运行,这个是js的一些版本错误,alt+enter,选第一个回车就行,稍等一会就ok;

4:在vue里面引入图片地址的话要使用 v-bind:src='获取的地址';
5:在vue里面请求数据的时候,如果你之前实例化了一个vue,那么在后面使用gei请求的时候要使用this.$http.get(post,jsonp都可以,根据自己的需求使用);在请求到数据之后如果你用的是resource插件请求的话,他会默认在请求到的数据外面在添加一层body或者其他的结构,所以在用数据的时候一定要找到地方。(如果你用的是ajax请求那就不会多这一层)。

这里插一点使用v-for是引申的东西

6:在原生的js里面foreach函数里面是有两个形参的,第一个数是你所要获取的值,第二个参数是要获取的值的下标index值
7:在Jquery的each函数里面的两个参数,第一个是下标,第二个才是value值。
结语:愿与大家共同进步,有不正确的地方烦请指出,谢谢。