回答編集履歴

1

回答勘違いしてたので修正

2020/05/25 06:47

投稿

rururu3
rururu3

スコア5545

test CHANGED
@@ -1,47 +1,75 @@
1
- の`href`関数の戻り値を使いたいってことって想定して
1
+ これでもク別窓開いたけど違うのかな…
2
2
 
3
- ```html
3
+ ```vue
4
4
 
5
- <html>
5
+ <template>
6
6
 
7
- <body>
7
+ <social-sharing
8
8
 
9
- <div id="app">
9
+ :url="shareUrl()"
10
10
 
11
- <a v-bind:href="shareUrl()">りんく</a>
11
+ title="The Progressive JavaScript Framework"
12
12
 
13
- </div>
13
+ description="Intuitive, Fast and Composable MVVM for building interactive interfaces."
14
14
 
15
- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
15
+ quote="Vue is a progressive framework for building user interfaces."
16
16
 
17
- <script>
17
+ hashtags="hashtags"
18
18
 
19
- new Vue({
19
+ twitter-user="vuejs"
20
20
 
21
- el: "#app",
21
+ inline-template
22
22
 
23
- data: {
23
+ >
24
24
 
25
+ <a href="#">
26
+
27
+ <network network="twitter">
28
+
29
+ リンク
30
+
31
+ </network>
32
+
33
+ </a>
34
+
35
+ </social-sharing>
36
+
37
+ </template>
38
+
39
+
40
+
41
+ <script>
42
+
43
+ export default {
44
+
45
+ data: function () {
46
+
47
+ return {
48
+
25
- code: 'hoge',
49
+ code: 'Hello'
50
+
51
+ }
52
+
53
+ },
54
+
55
+ methods: {
56
+
57
+ shareUrl: function() {
58
+
59
+ return `/sns/${this.code}`
26
60
 
27
61
  },
28
62
 
29
- methods: {
63
+ },
30
64
 
31
- shareUrl: function() {
65
+ }
32
66
 
33
- return(`/sns/${this.code}`);
67
+ </script>
34
68
 
35
- },
36
69
 
37
- },
38
70
 
39
- });
71
+ <style>
40
72
 
41
- </script>
42
-
43
- </body>
44
-
45
- </html>
73
+ </style>
46
74
 
47
75
  ```