vue实践

ref 被用来给元素或子组件注册引用信息(id的替代 者）

•应用在 html 标签上获取的是真实 DOM元素，应用在组件标签上获取的是组件实例对象 vC

•使用方式

1. 打标识：shl ref="xxx"></h1>或 <School ref="xxx"></School>
2. 获取：this.$refs.x:

props 配置项

props让组件接收外部传过来的数据

•传递数据 <Demo name="'xxx" :age="18“/二 这里age前加：，通过v-bind

•接收数据

第一种方式 （只接收） props: [' name', "age]

第二种方式（限制类型） props: {name:String, age:Number}

props是只读的， vue 底层会监测你对 props 的修改，如果进行了修改，就会发出警告，若 ②

业务需求确实需要修改，那么请复制 props 的内容到 data 中，然后去修改data 中的数据

scoped样式 局部生效，防止冲突

 

 

 

prop：后端返回的实体类的字段

 

 

ECharts图表的数据绑定通常是在Vue组件的methods中完成的，特别是在与图表相关的函数（如drawLine）内部

<div id="averageGraspRate" style="width: 50%;height: 250px;display: inline-block"></div> <div id="averageNumberSegments" style="width: 50%;height: 250px;display: inline-block"></div>

 

export default { // ... methods: { drawLine(row) {

// 假设你已经有一个初始化的ECharts实例，比如

this.myChart let myChart = echarts.init(document.getElementById('averageGraspRate'));

// 设置ECharts的配置项和数据 let option = {

// 这里是你的ECharts配置项和数据

series: [{

data: row.someData, // 假设row中包含你要展示的数据 // ... }]

}; // 使用配置项和数据显示图表。

myChart.setOption(option); }, // ... } // ... }

 

测速功能,mq可以用在摄像头（小型服务器)

参数是通过@click()传递的

@RequeatBody=>data:{}接

@RequestParam=>params:{}

 

 

单次请求结束后，不会再去调接口，so定时更新记录用setInterval(function, milliseconds);
,不用后端@scheduled