質問編集履歴
3
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -20,10 +20,10 @@ 
     | 
|
| 
       20 
20 
     | 
    
         
             
            となっているものを
         
     | 
| 
       21 
21 
     | 
    
         
             
            ```js
         
     | 
| 
       22 
22 
     | 
    
         
             
            //App.js
         
     | 
| 
       23 
     | 
    
         
            -
             
     | 
| 
      
 23 
     | 
    
         
            +
            const App = {
         
     | 
| 
       24 
24 
     | 
    
         
             
                template: '<div><span class="red">Red</span></div>
         
     | 
| 
       25 
     | 
    
         
            -
                <style scoped>.red { color: red; }</style>
         
     | 
| 
      
 25 
     | 
    
         
            +
                <style scoped>.red { color: red; }</style>',
         
     | 
| 
       26 
     | 
    
         
            -
            } 
     | 
| 
      
 26 
     | 
    
         
            +
            }
         
     | 
| 
       27 
27 
     | 
    
         
             
            ```
         
     | 
| 
       28 
28 
     | 
    
         
             
            に変更したのですが、template内に<style scoped></style>
         
     | 
| 
       29 
29 
     | 
    
         
             
            をおいても反映されず、生成されたHTMLを確認すると、styleの部分が消えていました。
         
     | 
2
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -1,6 +1,6 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            普段iPadのTextasticというアプリでコードを書いていて、vuecliが入っていないのでプレビューできず、.vueで作っていた単一コンポートをjsに変更することにしました。
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
     | 
    
         
            -
            ```
         
     | 
| 
      
 3 
     | 
    
         
            +
            ```vue
         
     | 
| 
       4 
4 
     | 
    
         
             
            //App.vue
         
     | 
| 
       5 
5 
     | 
    
         
             
            <template>
         
     | 
| 
       6 
6 
     | 
    
         
             
                <div>
         
     | 
| 
         @@ -18,7 +18,7 @@ 
     | 
|
| 
       18 
18 
     | 
    
         | 
| 
       19 
19 
     | 
    
         
             
            ```
         
     | 
| 
       20 
20 
     | 
    
         
             
            となっているものを
         
     | 
| 
       21 
     | 
    
         
            -
            ```
         
     | 
| 
      
 21 
     | 
    
         
            +
            ```js
         
     | 
| 
       22 
22 
     | 
    
         
             
            //App.js
         
     | 
| 
       23 
23 
     | 
    
         
             
            Vue.component('App', {
         
     | 
| 
       24 
24 
     | 
    
         
             
                template: '<div><span class="red">Red</span></div>
         
     | 
1
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -1,6 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            普段iPadのTextasticというアプリでコードを書いていて、vuecliが入っていないのでプレビューできず、.vueで作っていた単一コンポートをjsに変更することにしました。
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
      
 3 
     | 
    
         
            +
            ```
         
     | 
| 
       3 
     | 
    
         
            -
             
     | 
| 
      
 4 
     | 
    
         
            +
            //App.vue
         
     | 
| 
       4 
5 
     | 
    
         
             
            <template>
         
     | 
| 
       5 
6 
     | 
    
         
             
                <div>
         
     | 
| 
       6 
7 
     | 
    
         
             
                    <span class="red">Red</span>
         
     | 
| 
         @@ -17,7 +18,8 @@ 
     | 
|
| 
       17 
18 
     | 
    
         | 
| 
       18 
19 
     | 
    
         
             
            ```
         
     | 
| 
       19 
20 
     | 
    
         
             
            となっているものを
         
     | 
| 
      
 21 
     | 
    
         
            +
            ```
         
     | 
| 
       20 
     | 
    
         
            -
             
     | 
| 
      
 22 
     | 
    
         
            +
            //App.js
         
     | 
| 
       21 
23 
     | 
    
         
             
            Vue.component('App', {
         
     | 
| 
       22 
24 
     | 
    
         
             
                template: '<div><span class="red">Red</span></div>
         
     | 
| 
       23 
25 
     | 
    
         
             
                <style scoped>.red { color: red; }</style>
         
     |