vue.min.js 独立版本中,第三方js 通过vm使用vue内定义的数据

2020-12-20 06:48

阅读:484

标签:alarm   gre   npm   技术   webp   sage   func   div   第三方   

 vue.min.js是啥?

vue.min.js是vue已封装好vue.js技术,方便我们学习vue技术,使用

在一个大屏展示的项目里 , 

data={
        alarm:{alarm:10,fault:10},
        dtu:{ on:150,off:150},
        plc:{on:10,off:10}
...................

var vm = new Vue({
    el: #content,
    data: scn_data,
    methods: {
        details: function() {
        },
    },
class="report">
class="report1">

告警信息

{{alarm.alarm}}条
class="report2">

故障信息

{{alarm.fault}} 条

如果实时信息signalr控制 alarm.alarm
只需在
signalr 控制的js中使用 vm.alarm.alarm=count;  即可 
chat.client.sendmessage = function(name, message)
{
count++;
$("title").html("("+count+"条消息)通知-消息");
vm.alarm.alarm=count;
/* $(‘.report1 small‘).html(count+"条");*/
/* $(‘.layui-btn .layui-bg-gray‘).html(count);*/
//向页面添加消息
$("#messageBox").append(‘
  • ‘ + name + ‘:‘ + message + ‘
  • ‘);
    }

    vue.min.js 独立版本中,第三方js 通过vm使用vue内定义的数据

    标签:alarm   gre   npm   技术   webp   sage   func   div   第三方   

    原文地址:https://www.cnblogs.com/zuochanzi/p/13997864.html


    评论


    亲,登录后才可以留言!