vue.js kann meine Variablen nicht sehen

Ich bin neu bei vue.js und habe eine kleine Herausforderung. Ich erstelle eine Datei ChatMessage.vue und das ist der Inhalt der Datei.vue.js kann meine Variablen nicht sehen

<template> 
<div> 
    <p>{{message}}</p> 
    <small>view author here</small> 
</div> 
</template> 

<script> 
export default { 
    name: 'chat-message', 
    data() { 
     return { 
      message: 'message', 
      user: "John Ham" 
     } 
    } 
} 
</script> 

<script lang="css"> 
</script>

Ich bekomme diese Fehlermeldung, wenn ich versuche zu laufen.

[Vue warn]: Property or method "message" is not defined on the 
instance but referenced during render. Make sure to declare reactive 
data properties in the data option. 

found in 

---> <ChatMessage> at 
/var/www/html/..../resources/assets/js/components/ChatMessage.vue 
    <Root>

Ich habe dies in meiner Laravel Blattvorlage

<!DOCTYPE html> 
<html> 
<head> 
    <title>Chatroom</title> 
    <meta name="csrf-token" content="{{ csrf_token() }}"> 
    <link rel="stylesheet" href="css/app.css"> 
</head> 
<body> 
<div id="app"> 
    <h1>Chatroom</h1> 
    <chat-message></chat-message> 

</div> 
<script src="js/app.js" charset="utf-8"></script> 
<script> 
    $.ajaxSetup({ 
     headers: { 
      'X-CSRF-TOKEN': $('meta[name="csrf- 
token"]').attr('content') 
     } 
    }); 
</script> 
</body> 
</html>

In meinem app.js, ich habe diesen

require('./bootstrap'); 

window.Vue = require('vue'); 

Vue.component('chat-message', 
require('./components/ChatMessage.vue')); 

const app = new Vue({ 
    el: '#app' 
});

Quelle

2017-06-29 sparkandy

'' was ist es? –

ich das Problem gefunden. Es wird Syntax aus irgendeinem Grund im Zusammenhang muss ich

<script lang="css"></script>

vor

<script> 
export default { 
name: 'chat-message', 
data() { 
    return { 
     message: 'message', 
     user: "John Ham" 
    } 
} 
} 
</script>

Quelle

2017-06-29 13:03:48 sparkandy

Ihr css sollte in '

vue.js kann meine Variablen nicht sehen

Antwort