10 examples of 'vue js 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
}

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

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
}

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
}

1
function Vue(options){
2
    var context = document.querySelector(options.el);
3
    var html = context.innerHTML;
4
    var data = options.data;
5
    var regex = /(\{\{\s*([\w]+)\s*\}\})/g;
6
    while(regex.exec(html)){    
7
        console.log(1)
8
        html = html.replace(new RegExp(RegExp.$1, "g"), data[RegExp.$2]);// 只进来2次
9
        //html = html.replace(RegExp.$1, data[RegExp.$2]);// 进来3次
10
        // console.log(RegExp.$1 + "："+ RegExp.$2);
11
    }
12
13
    context.innerHTML = html;
14
}

50
run () {
51
  const parent = (this.$el || {}).parentElement
52
53
  const vnode = this.$options.render.call(this.proxy, this.createElement.bind(this))
54
55
  const oldEl = this.$el
56
57
  this.$el = this.patch(null, vnode)
58
59
  if (parent) {
60
    parent.replaceChild(this.$el, oldEl)
61
  }
62
63
  console.log('updated')
64
}

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
}

45
export function compileVue (source, componentName) {
46
  return new Promise((resolve, reject) => {
47
    if (!templateRE.test(source)) {
48
      return reject('No Template!')
49
    }
50
    const scriptMatch = scriptRE.exec(source)
51
    const script = scriptMatch ? scriptMatch[1] : ''
52
    const templateMatch = templateRE.exec(source)
53
    const compileOptions = {}
54
    if (/\s*recyclable\=?/i.test(templateMatch[1])) {
55
      compileOptions.recyclable = true
56
    }
57
    const res = compile(templateMatch[2], compileOptions)
58
59
    const name = 'test_case_' + (Math.random() * 99999999).toFixed(0)
60
    const generateCode = styles => (`
61
      try { weex.document.registerStyleSheets("${name}", [${JSON.stringify(styles)}]) } catch(e) {};
62
      var ${name} = Object.assign({
63
        _scopeId: "${name}",
64
        style: ${JSON.stringify(styles)},
65
        render: function () { ${res.render} },
66
        ${res['@render'] ? ('"@render": function () {' + res['@render'] + '},') : ''}
67
        staticRenderFns: ${parseStatic(res.staticRenderFns)},
68
      }, (function(){
69
        var module = { exports: {} };
70
        ${script};
71
        return module.exports;
72
      })());
73
    ` + (componentName
74
      ? `Vue.component('${componentName}', ${name});\n`
75
      : `${name}.el = 'body';new Vue(${name});`)
76
    )
77
78
    let cssText = ''
79
    let styleMatch = null
80
    while ((styleMatch = styleRE.exec(source))) {
81
      cssText += `\n${styleMatch[1]}\n`
82
    }
83
    styler.parse(cssText, (error, result) => {
84
      if (error) {
85
        return reject(error)
86
      }
87
      resolve(generateCode(result.jsonStyle))
88
    })
89
    resolve(generateCode({}))
90
  })
91
}

11
function addVxpPlugins(Vue) {
12
  Object.keys(Plugins).forEach(addPlugin(Vue));
13
}

9
dependencies() {
10
    let dependencies = ['vue-template-compiler'];
11
12
    if (Config.extractVueStyles && Config.globalVueStyles) {
13
        dependencies.push('sass-resources-loader');
14
    }
15
16
    return dependencies;
17
}