Vue项目开发各种注意事项

本文主要是介绍Vue项目开发各种注意事项，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、eCharts引入方式(单页面)

import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts

2、Sass引入

sass和node-sass 中 node-sass不要引入最新版本  引入@7.x 否则会报错 可能是语法规则改变

3、严格模式不要随意开启、将eslint文件中 extends: 中的vue去除

4、跨域问题 首先检查网址 没问题则通过代理访问

5、能用$nextTick就不要用定时器来处理异步

6、修改配置文件要重启服务才会生效

7、数据要缓存到llocalstorage需要转换为json  JSON.stringfy(要存储的数据)

简单来说 Vue 中  Router是一个全局对象 包含所有路由  $Router.push()跳转

route指代的是当前路由可以得到path等数据

8、返回上一级

 1.在当前页面添加返回按钮<!--返回按钮-->
<div class="backTo" v-show="isShow"><span v-on:click="back">返回</span>
</div>methods:{back(){this.$router.go(-1);//返回上一层},
},在vue2.X中@click="$router.back(-1)"

9、传递事件对象

默认情况下你的事件会自带一个事件对象e

在methods中的事件方法中调用即可 不过如果你在事件触发时有传参

那么你需要在事件触发标签中写为

@click="aac(item,$event)"

方法中

aac(data,e){}

即可获取

 

这篇关于Vue项目开发各种注意事项的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---