1.Vue定义全局变量是有顺序的:
window.dog="222"; var app = new Vue({ el:'#app', mounted: function () { console.info("dog:"+dog); }, });
如果在Vue实例的前面定义是可以获取到dog变量
var app = new Vue({ el:'#app', mounted: function () { console.info("dog:"+dog); }, }); window.dog="222";
如果在Vue实例的后面是获取不到dog变量的
2.数据显示调用使用filters,方式调用使用methods;
<div id="app"> <div v-for="item in shows" :class="getSelectItem(item.id)" class="cursor">{{item.name | filtersType}}</div> </div> <script> var selectList=[1,5]; var app = new Vue({ el:'#app', data: { shows:[{name:'666',id:2},{name:'888',id:1}], }, mounted: function () {//Vue初始化调用 }, filters: { filtersType : function (value) { return value; } }, methods:{ getSelectItem :function(id) { if( window.selectList.indexOf(id)!=-1){ return "active"; }else{ return ""; } } } });