我得到意外的標記，而這樣做一飲而盡手錶

Question

這是我的app.js文件

import Vue from 'vue'; 
import Posts from './Components/Posts.vue'; 


new Vue({ 
    el : '.container', 
    data : { 

    }, 
    components : { Posts } 
}) 

Posts.vue

<script type="text/javascript"> 
export default { 
    data :(){ 
     return{ 
      msg : 'Hello' 
     } 
    } 
} 
</script> 
<template> 
    <div class="container"> 
     <h1>{{msg}}</h1> 
     <ul class="collection"> 
      <li class="collection-item avatar"> 
       <img src="images/yuna.jpg" alt="" class="circle"> 
       <span class="title">Title</span> 
       <p>First Line <br> 
        Second Line 
       </p> 
       <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a> 
      </li> 
      <li class="collection-item avatar"> 
       <i class="material-icons circle">folder</i> 
       <span class="title">Title</span> 
       <p>First Line <br> 
        Second Line 
       </p> 
       <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a> 
      </li> 
      <li class="collection-item avatar"> 
       <i class="material-icons circle green">insert_chart</i> 
       <span class="title">Title</span> 
       <p>First Line <br> 
        Second Line 
       </p> 
       <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a> 
      </li> 
      <li class="collection-item avatar"> 
       <i class="material-icons circle red">play_arrow</i> 
       <span class="title">Title</span> 
       <p>First Line <br> 
        Second Line 
       </p> 
       <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a> 
      </li> 
     </ul> 
    </div> 
</template> 
<style> 

</style> 

，但我得到解析錯誤：Browserify失敗意外的令牌。在我Posts.vue的腳本附近。我對此很困惑。什麼是錯誤？同樣如果我刪除我的類型=「文本/ JavaScript」。這真的是錯誤的我只是試圖顯示我的數據。對不起，對英文不好

Answer 1

這意味着在Posts.vue有語法錯誤。刪除冒號data :(){

data() { 
    return{ 
     msg : 'Hello' 
    } 
}