新手前端问题总结

本人是一个前端新手，只知道var和function并且不知道fuction怎么用，最近一段时间在写前端，所以有些小总结，特别初级，不喜勿喷，这只是我最近接触js和vue的一些小总结。

1.router-link的使用

使用router-link有两种传值方式：

1） <router-link to="/a" class="a"></router-link>

在utils中直接用？传值就可，使用获取值得方式是query

2） <router-link :to="{ name: 'a', params: { a: key}}"></router-link>

需要再utils中定义：进行传值，使用获取值得方式是params

2.在data中定义要渲染的对象时尽可能的少去定义

3.不要随便在全局中进行var对象

4.尽量不要将v-show中定义的变量用作别的方法的判断，因为可能会影响数据的显示和隐藏

5.在创建方法时尽量在method中进行创建方法，虽然在create中的方法中写逻辑也可以但不要这样写，之后用this.进行调用

6.在data中定义的对象在js中使用的时候可以直接用变量名使用不需要加this，但是在method等中使用过的时候需要用this.调用

7.在方法中可以使用 var i = parseInt(routeValue)将string类型转化为int类型

8.用v-else的时候最好是不要加参数，直接v-else就好

9.vue最好不要进行页面刷新，虽然也可以，但是不建议那样用，如果出现数据延迟当中的一些问题可以创建一个loading变量在获取数据的前后进行赋值，之后进行判断。

10.如果为了能够使用v-if等进行判断没有实际意义的时候最好使用的是<template>标签

11.v-if后面的属性一般不需要加上==0或者==null这些，如果非需要定义==null或者undefind的时候最好是用===的方式，两个等号容易产生歧义

12.变量.后面的二级属性在变量为空的时候会报错，因此需要先进行判断变量是不是为空，再用.属性的方式进行判断。

13.在使用router-link进行页面跳转的时候不要跳转到本页面，这样路由取值的时候只会获取的是其他页面传过来的值，无法获取本页面所传的值，如果非要进行传值可以在方法中进行传值。

14.最好不要使用v-if，v-if，v-if这种好多v-if嵌套的方式，尽量使用v-if，v-else-if，v-else这种方式。

15.在对象的初始化或者说是创建的阶段最好是采用 在创建的时候进行判断，以至于后续使用的时候不需要继续进行判断，省下了很多代码。