vue 的一些基本错误汇总

前言

vue 大家应该不陌生了,我来讲下vue 后台的基础搭建以及组件之间的通讯的一些小bug

1. 我是直接使用vue cli 搭建工具的 很好用。基本把所有的搭建工程都帮我们解决了特别是webpack的配置 

我建议初学的小伙伴可以直接用里面的报错的机制,哪怕是一个空格也会报错,这样以后写代码就会清晰很多了,

养成良好的代码习惯很重要。

2.vue 脚手架的安装我就不多说了,作为一个程序学会百度的功力是必须的。说下里面的一些使用的错误,

首先我们在安装的时候。有些人会用npm直接安装  有些会用cnpm 安装 但是两个不能共用  不然会报错,为此我吃过不少亏,

可能是因为太菜,我们在安装完成的时候会经常出现一个错误

安装错误

安装bug

下面的那个是解决方案

文件存放错误

这两个文件存放

这两个是存放静态的文件的。

打包必须加

打包必须添加

打包的时候必须添加  不然就找不到js

本地调试


vue自带帮我们进行跨域

vue 帮我们进行了跨域  这个api是当我们有个路径是api 的时候可以转接到服务器的IP上


基础使用方式

对这块不懂的小伙伴可以私聊我 (知无不言言无不尽)

组件内的通讯

对于组件内的通讯我就不多讲了(请查询万能的百度),但是有个错误还是要说一下的

当父组件的值给到子组件,然后子组件是不能对这个值进行修改的,我能想到的有2个解决方案,一个解决方案是用vueX 我的省市区三级 就是用vuex实现的。另一个是想父组件进行传递然后通过父组件的值的修改来改变子组件的值。

下面是一个例子有图有真相


子组件收值


通过vuex 上面写好的方法来实现组件的通讯


vuex 

@是添加事件  :添加属性  小伙伴们要记得这个 我经常会被这个搞混 可能是刚开始写vue 


第二种

是用this.$emit的方法 来使用当然你要在父组件上定义好这个方法


父组件这样
父组件这样

个人观点,认为vue的还是特别好用的,学习的难度还是要比angular  低一点,好用学习难度低,感谢大佬 !感谢党!感谢you大大 ! 对于我们伸手党是一个福音

你可能感兴趣的:(vue 的一些基本错误汇总)