# Vue

则一APP中的数据渲染逻辑全部由vue.js完成，但并不是组件化形式的vue，而是通过**script引入**的方式来进行vue逻辑渲染。

::: warning 使用须知
  安卓手机的厂商众多，厂家版本定制**碎片化**严重，不同厂家对ECMA Script6语法的支持程度不一样，因此使用**原生JavaScript**的写法能够保证在任何一个安卓版本较低的手机上都能够正常运行。在则一APP的测试过程中，也出现过安卓版本较低无法正常解析es6的问题。API Cloud官方没有推荐使用polyfill，所以尽量不要使用polyfill等工具，而是选择官方推荐的原生js写法，这样能够保证应用性能，同时也能确保当API Cloud框架后续有升级时，本地代码逻辑不至于有太大的改动。

  等到API Cloud官方支持并推出mvvm实例时，再尝试使用组件化的vue。
:::

## 函数写法

编写函数时，注意不要使用es6的写法和出现箭头函数

ES6的写法（×）：

```js
foo(value) {
  console.log(value);
}
const fun = (value) => {
  alert(value);
}
```

原生JavaScript写法（√）：

```js
function foo(value) {
  console.log(value);
}
var fun = function(value) {
  alert(value);
}
```

## 变量和字符串

使用原生Java Script的关键字，注意不要出现es6的关键字。字符串拼接时也要使用原生JavaScript的加号连接。

ES6的写法（×）：

```js
let a;
const b = 'BAR';
if (xxx) {
  a = 1;
} else {
  a = 2;
}
console.log(`${b} ${a}`);
```

原生JavaScript写法（√）：

```js
var a = undefined;
var b = 'BAR';
if (xxx) {
  a = 1;
} else {
  a = 2;
}
console.log(a + b);
```