常連

自己紹介

初歩的な質問で大変申し訳ございません。
Vue.jsについてです。

## 現状
「四則演算」と「v-forのループ処理」は問題なくできました。
```
// 四則演算
<div id="app">
  <input type="text" value="one">
  <input type="text" value="two">
  <input type="text" value="three">
</div>
<script>
    	(function() {
    		let kakezan = new Vue ({
    			el: "#app",
    			data () {
    				return {
    					one : 0,
    					two : 0
    				}
      			},
	         // 四則演算（one　×　two　＝　three）
                 computed: {
					three: function() {
						return this.one * this.two;
					}
				}
    		});
    	})();
	</script>

```


```
// v-forのループ処理
<div id="app">
		<table>
			<tr v-for="(list, i) in 3">
				<th>
					<input type="text" name="" v-bind:value="['one' + i]">
					<input type="text" name="" v-bind:value="['two' + i]">
					<input type="text" name="" v-bind:value="['three' + i]">
				</th>
			</tr>
		</table>
	</div>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script>
    	(function() {
    		// 項目を追加する機能
    		let kakezan = new Vue ({
    			el: "#app",
    			data () {
    				return {
    					one0 : 0,
    					two0 : 0,
    					one1 : 0,
    					two1 : 0,
    					one2 : 0,
    					two2 : 0
    				}
      			},
				computed: {
					three0: function() {
						return this.one * this.two;
					},
					three1: function() {
						return this.one * this.two;
					},
					three2: function() {
						return this.one * this.two;
					}
				}
    		});
    	})();
	</script>
```

ただ、上記のv-bind:valueを用いた方法だと、四則演算がリアルタイムで行われません。

リアルタイムの計算には、v-model を使用しないといけないんだと思いますが、 v-model だと、 ['three' + i] ではエラーになってしまいます。



## 理想の状態
・input の value の値に、v-forのループ処理に紐づいて数字を足していく
例）v-forのループ処理が3回：
<input value="three0>
<input value="three1">
<input value="three2">

・それぞれの <tr> 内で、リアルタイム四則演算が行われる

```Vue.js
	<div id="app">
		<table>
			<tbody>
				<tr>
				    <input type="text" name="" v-model="one1">
				    <input type="text" name="" v-model="two1">
				    <input type="text" name="" v-model="three1">
				</tr>
				<tr>
				    <input type="text" name="" v-model="one2">
				    <input type="text" name="" v-model="two2">
				    <input type="text" name="" v-model="three2">
				</tr>
				<tr>
				    <input type="text" name="" v-model="one3">
				    <input type="text" name="" v-model="two3">
				    <input type="text" name="" v-model="three3">
				</tr>
			</tbody>
	    </table>
    </div>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script>
    	(function() {
    		// 項目を追加する機能
    		let kakezan = new Vue ({
    			el: "#app",
    			data () {
    				return {
                        one1 : 0,
                        two1 : 0,
                        one2 : 0,
                        two2 : 0,
                        one3 : 0,
                        two3 : 0
    				}
      			},
				computed: {
                    three1: function() {
                        return this.one1 * this.two1;
                    },
                    three2: function() {
                        return this.one2 * this.two2;
                    },
                    three3: function() {
                        return this.one3 * this.two3;
                    }
				}
    		});
    	})();
	</script>

```

初歩的な質問で申し訳ございません。
どうぞ、宜しくお願いいたします。

【Vue.js】v-forのループ処理に紐づいてinputタグのvalueの値に「1」を追加し、リアルタイムの計算を可能にする方法

お世話になります、他人が作ったJavaScriptを見ていると
唐突に謎の書き方が出てきますが言語化が難しく調べるのが難しいものがあります

その一つが以下のソースなのですが

```ここに言語を入力
TextEditor.prototype.createElements = function () {
  this.TEXTAREA = document.createElement('TEXTAREA');
  this.TEXTAREA.tabIndex = -1;
  (0, _element.addClass)(this.TEXTAREA, 'handsontableInput');
  this.textareaStyle = this.TEXTAREA.style;
  this.textareaStyle.width = 0;
  this.textareaStyle.height = 0;
  this.TEXTAREA_PARENT = document.createElement('DIV');
  (0, _element.addClass)(this.TEXTAREA_PARENT, 'handsontableInputHolder');
  this.textareaParentStyle = this.TEXTAREA_PARENT.style;
  this.textareaParentStyle.zIndex = '-1';
  this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
  this.instance.rootElement.appendChild(this.TEXTAREA_PARENT);
};
```

お行儀のよい右辺左辺の読みやすいコードだなと思っていたら、、
この途中ででてくる二つの括弧はなにを意味しているのでしょうか


```ここに言語を入力
(0, _element.addClass)(this.TEXTAREA, 'handsontableInput');
```

代入なの？関数なの？まったく意味が分かりません
関係ないですが、JavaScriptってトリッキーな書き方がかっこいいみたいな風潮ないですかね？

すみません、それは置いといて
それは即時関数だよとか可変変数だよとか調べるためのヒントだけでも構いません
ベテランの方お教えいただけますと幸いです