10 examples of 'vue foreach' in JavaScript

26
function Vue(options) {
27
    var self = this; // 实例的对象赋值，防止后期对对象的更改
28
    this.data = options.data;
29
    this.methods = options.methods;
30
31
    // 将data上面的属性代理到vm实例上
32
    Object.keys(this.data).forEach(function(key) {
33
        self.proxyKeys(key);
34
    });
35
36
    // 监听数据的变化
37
    observe(this.data);
38
    // 进行指令的编译
39
    new Compile(options.el, this);
40
41
    options.mounted.call(this); // 所有事情处理好后执行mounted函数
42
}

106
createVue(id, componentName, component, data) {
107
    this.registerComponent({
108
        ids: [id],
109
        name: componentName,
110
        instance: new Vue({
111
            el: id,
112
            data: { initData: data, isReady: true },
113
            components: { [componentName]: window[component] },
114
            mixins: [this.vueMixins],
115
        }),
116
        isLoaded: true,
117
    });
118
}

8
function Vue (options) {
9
  if (process.env.NODE_ENV !== 'production' &&
10
    !(this instanceof Vue)
11
  ) {
12
    warn('Vue is a constructor and should be called with the `new` keyword')
13
  }
14
  this._init(options)
15
}

170
beforeDestroy: function beforeDestroy() {
171
  // Destroy chart if exists
172
  if (this.chart) {
173
    this.chart.destroy();
174
  }
175
}

62
function initVue(instance) {
63
    var publicPage = new Vue({
64
        el: '#publicPage',
65
        data: {
66
            stat: {
67
                currentView: 'publicList',
68
                publicList: [],
69
                searchVal: 'e',
70
                searchList: [],
71
                searchResult: true,
72
                currentPublic: {},
73
                sendMsgVal: '',
74
                msgList: [],
75
                userInfo: '',
76
                articleUrl: ''
77
78
            }
79
        },
80
        components: {
81
            publicChat: getPublicChat(instance),
82
            publicInfo: getPublicInfo(instance),
83
            publicList: getPublicList(instance),
84
            publicSearch: getPublicSearch(instance),
85
            publicArticle: getPublicArticle(instance)
86
        },
87
        methods: {}
88
    });
89
90
    //转换emoji表情
91
    Vue.filter('transEmoji', function (input) {
92
        return RongIMLib.RongIMEmoji.symbolToEmoji(input)
93
    });
94
95
    return publicPage;
96
}

10
function plugin(Vue) {
11
12
    if (plugin.installed) {
13
        return;
14
    }
15
16
    Util(Vue);
17
18
    Vue.field = Fields;
19
    Vue.mixin(Mixin);
20
21
    Vue.validator = Validator;
22
    Vue.filter('valid', Filter);
23
    Vue.directive('validator', Directive);
24
    Vue.directive('validate', Validate);
25
}

123
removeItem: function removeItem(item) {
124
	var index = this.form_items.indexOf(item);
125
	var items = this.form_items;
126
127
	if (index > -1) {
128
		$('.wpinv-available-items-editor.item_' + item.id).find('.wpinv-available-items-editor-body').slideToggle(400);
129
		$('.wpinv-available-items-editor.item_' + item.id).fadeOut(420, function () {
130
			items.splice(index, 1);
131
		});
132
	}
133
},

61
map(fn: (file: VueFile, uri: string) => R): Record {
62
  const res: Record = {}
63
  this.files.forEach((file, uri) => {
64
    res[uri] = fn(file, uri)
65
  })
66
  return res
67
}

4
function createVue(el, vueComponent, vueProps) {
5
  const nodeEl = document.createElement('div');
6
  el.appendChild(nodeEl);
7
  const app = Object.assign(new Vue(vueComponent), vueProps);
8
  app.$mount(nodeEl);
9
  return app;
10
}

147
function pushVueLists($lists) {
148
149
    window.vueApp.lists = [];
150
    for(var j in $lists){
151
        var item = $lists[j];
152
        window.vueApp.lists.push(item);
153
    }
154
}