CockpitVector.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <el-table :data="tableData" :show-header="false" border style="width: 100%">
  3. <el-table-column prop="name" label="" width="100">
  4. </el-table-column>
  5. <el-table-column prop="value" label="" width="230">
  6. </el-table-column>
  7. </el-table>
  8. </template>
  9. <script>
  10. //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
  11. export default {
  12. components: {},
  13. data() {
  14. return {
  15. tableData: [{
  16. "name": "BSM",
  17. "value": "460203251000000700"
  18. }, {
  19. "name": "BSM",
  20. "value": "460203251000000700"
  21. }, {
  22. "name": "BSM",
  23. "value": "460203251000000700"
  24. }, {
  25. "name": "BSM",
  26. "value": "460203251000000700"
  27. }]
  28. };
  29. },
  30. //监听属性 类似于data概念
  31. computed: {},
  32. //监控data中的数据变化
  33. watch: {},
  34. //方法集合
  35. methods: {},
  36. beforeCreate() { }, //生命周期 - 创建之前
  37. created() { }, //生命周期 - 创建完成(可以访问当前this实例)
  38. beforeMount() { }, //生命周期 - 挂载之前
  39. mounted() { }, //生命周期 - 挂在完成
  40. beforeUpdate() { }, //生命周期 - 更新之前
  41. updated() { }, //生命周期 - 更新之后
  42. beforeDestroy() { }, //生命周期 - 销毁之前
  43. destroy() { },//生命周期 - 销毁完成
  44. activated() { }, //若组件实例是 <KeepAlive> 缓存树的一部分,当组件被插入到 DOM 中时调用。
  45. deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分,当组件从 DOM 中被移除时调用。
  46. };
  47. </script>
  48. <style scoped></style>