vue-vue使用中的注意点和坑点

1.vue 启动报错throw er; // Unhandled 'error' event ，Error: spawn cmd ENOENT，

vue 启动报错

1.百度方案一：端口冲突，改了，没用，pass

2.降低或者更新node版本，没用，pass

解决方法

添加一个环境变量

C:\windows\system32

 

1.选择器支持的种类

css中的选择器都可以写,但是建议 不要用 标签选择器,一般 id 或者 类,不要使用 body 跟html

2.this是谁

当前这个Vue实例(实例化出来的对象)

3.参数的属性名

实例化Vue对象的时候,传入了一个对象{

el,

data,

methods

}

这个对象是参数,Vue在使用这个参数的时候,直接把我们写的 data中的值 设置到Vue实例上 会去掉data属性

我们在访问的时候 不需要通过 data来点,直接this.属性名.

实例化对象传入的属性 是Vue这个框架约定好的,如果乱写他就获取不到了

 

1.v-bind和固定class的区别

class:是固定的.v-bind是动态的(点击勾上)

浏览器数据常驻:

开发过程中遇到的坑1:
在使用侦听器深度侦听的时候,里面有一个handler的回调函数,当时这个函数我为了图方便,使用了箭头函数的写法,网站运行时就报错了,自己检查时发现语法并没有错,经过查看vue官方文档才发现,原来这里不能使用箭头函数语法,因为使用箭头语法后,this的指向就不是vue了,而是指向了window,所以导致程序报错,这也算是es6里面的一个坑.

开发过程中遇到的坑2:
当我在做搜索框时,当时有一个场景是要将用户输历史数据中的其中一条文字要进行修改,那我修改这条数据肯定是双击它嘛,双击后不会马上获得焦点,要双击之后再单击一次才能获得焦点,这就带来一个问题,当我双击后如果没有单击,直接在外面单击,因为我外面单击的原因是想直接失去焦点,但我发现没办法失去焦点,页面就一直卡在那里,我查了官方文档才发现vue是失去焦点有,但获得焦点却没有,这样给我的感觉就像你叫我吃饭,但饭都没做一样,最终的解决办法是自己自定义一个获得焦点指令添加到元素上即可(记得这个自定义指令要放在Vue实例化之前).
(官方文档传送门:https://cn.vuejs.org/v2/guide/custom-directive.html)