1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <template>
- <el-table :data="tableData" :show-header="false" border style="width: 100%">
- <el-table-column prop="name" label="" width="100">
- </el-table-column>
- <el-table-column prop="value" label="" width="230">
- </el-table-column>
- </el-table>
- </template>
- <script>
- //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
- export default {
- components: {},
- data() {
- return {
- tableData: [{
- "name": "BSM",
- "value": "460203251000000700"
- }, {
- "name": "BSM",
- "value": "460203251000000700"
- }, {
- "name": "BSM",
- "value": "460203251000000700"
- }, {
- "name": "BSM",
- "value": "460203251000000700"
- }]
- };
- },
- //监听属性 类似于data概念
- computed: {},
- //监控data中的数据变化
- watch: {},
- //方法集合
- methods: {},
- beforeCreate() { }, //生命周期 - 创建之前
- created() { }, //生命周期 - 创建完成(可以访问当前this实例)
- beforeMount() { }, //生命周期 - 挂载之前
- mounted() { }, //生命周期 - 挂在完成
- beforeUpdate() { }, //生命周期 - 更新之前
- updated() { }, //生命周期 - 更新之后
- beforeDestroy() { }, //生命周期 - 销毁之前
- destroy() { },//生命周期 - 销毁完成
- activated() { }, //若组件实例是 <KeepAlive> 缓存树的一部分,当组件被插入到 DOM 中时调用。
- deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分,当组件从 DOM 中被移除时调用。
- };
- </script>
- <style scoped></style>
|