teratail
回答率
85.29%
質問するログイン新規登録
トップに関する質問Riot.jsのMixinの使い方

編集履歴

質問編集履歴

5

誤字

2016/09/22 22:02

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -57,5 +57,5 @@
57
57
  ```javascript
58
58
  //bbb.tag
59
59
  this.mixin('bodyMixin')//グローバルオブジェクトに登録したbodyMixinをbbb.tagの中でロード成功
60
- console.log(bodyMixin)//undi//Uncaught ReferenceError: bodyMixin is not defined
60
+ console.log(bodyMixin)//Uncaught ReferenceError: bodyMixin is not defined
61
61
  ```

4

追記

2016/09/22 22:02

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -23,4 +23,39 @@
23
23
  ```
24
24
 
25
25
  エラー箇所：bbb.tagの一行目
26
- エラーメッセージ：Uncaught Error: Unregistered mixin: bodyMixin
26
+ エラーメッセージ：Uncaught Error: Unregistered mixin: bodyMixin
27
+
28
+ **【追記】**
29
+
30
+ グローバルに登録したいオブジェクトをtagの中ではなく、各モジュールを読み込むmain.js内に記述したら、bodyMixinをbbb.tagの中でロードではエラーは出なかったが、2行目で「Uncaught ReferenceError: bodyMixin is not defined」のエラーが発生してしまいました。
31
+
32
+ これはどういうことなのでしょうか？
33
+
34
+ ```javascript
35
+ //main.js
36
+ import riot from 'riot'
37
+ import './header.tag'
38
+ import './eyecatch.tag'
39
+ import './titleToKeyword.tag'
40
+ import './bodyText.tag'
41
+ import './raw.tag'
42
+
43
+ var BodyMixin = [
44
+ {"tag": "h2", "class": "subheading", "main": "How to makeup"},
45
+ {"tag": "p", "class": "text", "main": "First"},
46
+ {"tag": "div", "class": "image", "main": "<img src=data:image/png;base64,iVBORw0KGgoA>"}
47
+ ]
48
+ riot.mixin('bodyMixin', BodyMixin)
49
+
50
+ riot.mount('header')
51
+ riot.mount('eyecatch')
52
+ riot.mount('titleToKeyword')
53
+ riot.mount('bodyText')
54
+ riot.mount('raw')
55
+ ```
56
+
57
+ ```javascript
58
+ //bbb.tag
59
+ this.mixin('bodyMixin')//グローバルオブジェクトに登録したbodyMixinをbbb.tagの中でロード成功
60
+ console.log(bodyMixin)//undi//Uncaught ReferenceError: bodyMixin is not defined
61
+ ```

3

文言の変更

2016/09/22 21:38

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- Riot.jsのタグ間でのオブジェクトの共有方法
1
+ Riot.jsのMixinの使い方
body CHANGED
File without changes

2

質問の具体化

2016/09/22 21:22

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,20 +1,26 @@
1
- [このページ](http://riotjs.com/ja/guide/#section-1)を見れば、タグ間でオブジェクトを共有するためには、以下のようにriot.mixin()を使用することはわかるのですが、どこでどのように使用すればいいのかがよくわからず、いろいろ試してもうまくいきません。
1
+ [このページ](http://riotjs.com/ja/guide/#section-1)などを見ながらタグ間でオブジェクトを共有しようとしているのですが、うまくいきません。
2
2
 
3
+ ・現状テストしているコード
4
+ ・エラー箇所
5
+ ・エラーメッセージ
6
+ は以下の通りです。
7
+ どこが間違っているのかご指摘お願いします。
8
+
3
9
  ```javascript
10
+ //aaa.tag
11
+ var BodyMixin = [
12
+ {"tag": "h2", "class": "subheading", "main": "How to makeup"},
13
+ {"tag": "p", "class": "text", "main": "First"},
14
+ {"tag": "div", "class": "image", "main": "<img src=data:image/png;base64,iVBORw0KGgoA>"}
15
+ ]
4
- riot.mixin('mixinName', mixinObject)
16
+ riot.mixin('bodyMixin', BodyMixin)//BodyMixinをbodyMixinとしてグローバルオブジェクトに登録
5
17
  ```
6
18
 
19
+ ```javascript
20
+ //bbb.tag
21
+ this.mixin('bodyMixin')//グローバルオブジェクトに登録したbodyMixinをbbb.tagの中でロード
22
+ console.log(bodyMixin)
23
+ ```
7
24
 
25
+ エラー箇所：bbb.tagの一行目
8
- 以下のようなmyObjectがaaa.tag内部にあり、それをbbb.tagで使用したい場合はどこに何を記述すればいいのでしょうか？
26
+ エラーメッセージ：Uncaught Error: Unregistered mixin: bodyMixin
9
- ちなみに、今回は例えを示すために下記のような具体的なものを挙げていますが、実際はaaa.tagのコンポーネントで入力されたものがどんどんmyObject内に追加されていくので、optsなどを使って渡すのは難しいかなと思っています。私の認識違いかもしれませんが。
10
-
11
- わかる方、教えてください。よろしくお願いいたします。
12
-
13
- ```javascript
14
- myObject=
15
- [
16
- {"tag": "h2", "class": "subheading", "main": "How to makeup"}
17
- {"tag": "p", "class": "text", "main": "First"}
18
- {"tag": "div", "class": "image", "main": "<img src=data:image/png;base64,iVBORw0KGgoA>"}
19
- ]
20
- ```

1

書式の改善

2016/09/22 20:51

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
  ```
6
6
 
7
7
 
8
- 以下のようなmyObjectがaaa.tag内部にあり、それをbbb.tagで使用したい場合はどうすればいいのでしょうか？
8
+ 以下のようなmyObjectがaaa.tag内部にあり、それをbbb.tagで使用したい場合はどこに何を記述すればいいのでしょうか？
9
9
  ちなみに、今回は例えを示すために下記のような具体的なものを挙げていますが、実際はaaa.tagのコンポーネントで入力されたものがどんどんmyObject内に追加されていくので、optsなどを使って渡すのは難しいかなと思っています。私の認識違いかもしれませんが。
10
10
 
11
11
  わかる方、教えてください。よろしくお願いいたします。