vue学习总结

入门

cmd测试jdk是否安装成功：java -version
Node.js 是运行在服务端的 JavaScript（node -v查看版本）能连接数据库
Vue.js 是JavaScript 前端框架，旨在更好组织与简化 Web 开发

vue的项目结构：https://blog.csdn.net/qq_41706280/article/details/103128195
项目加载的过程：
index.html->main.js->app.vue->/router/index.js->helloworld.vue。

总结

一、v-on的三种用法：

<button v-on:click="clickHandler">点击</button>
<button @click='clickHandler'>点击</button>
<button @mouseover='mouseoverHandler'>鼠标经过</button>

二、三元运算

 form[0].state==0?'待机':form[0].state==1?'充电':form[0].state==2?'故障':''

三、表格状态转换：

<el-table-column label="下发结果"/ >
  <template slot-scope="scope">
       <i v-if="scope.row.result===true">成功</i>
       <i v-else>失败</i>
  </template>
  </el-table-column>

四、对象(val,key,index) in obj

 val是对象的属性值 key是对象的属性啊，index是遍历次序数组(val,index) in array 
 val是数组的每个元素，index是下标。array后台数组

五、表格数据计算

 <el-table-column prop="odometer" label="里程数"  >			
  <template slot-scope="scope">
         <span>{{scope.row.odometer /8}}</span>
  </template>
 </el-table-column>