.vue文件可以很好的模块化,但是对于从纯js前端转变过来的人可能会有点困难,尤其是习惯了html引入js脚本,在vue文件中,通常将脚本放在method中,但是有的时候如果方法过多,造成vue文件过大不利于管理,尤其是这些方法可能就是纯数据处理,对于组件关系不大,比如日期转换,大小写转换等,可以将其放在一个js文件中,export出去,然后在.vue文件中调用。
demo:
表示基于风速和风向计算其方向和代号值:
/**
*
* 功能:基于站点风的角度值获取方位,如东北、东偏北等
* 参数:@param {float} degree 站点的角度值
* @return {String}
*/
function getWindDirection(degree) {
var d = "";
if (11.25 <= parseInt(degree) && parseInt(degree) < 33.75) {
d = "北偏东";
} else if (33.75 < parseInt(degree) && parseInt(degree) < 56.25) {
d = "东北";
} else if (56.25 < parseInt(degree) && parseInt(degree) < 78.75) {
d = "东偏北";
} else if ((78.75 <= parseInt(degree) && parseInt(degree) < 101.25)) {