php - Laravel5.4+Vue tidak boleh mengikat data paling mudah

Question

Kod JS:

Vue baharu({

    el : '#app',
    data : {
        aa : 1
    }
})

Cetak pada halaman:
@{{ aa }}

Biasanya, "1" harus dicetak pada halaman, tetapi ia terus melaporkan ralat Mesej ralat ialah: Sifat atau kaedah "aa" tidak ditakrifkan pada contoh tetapi dirujuk semasa pemaparan pilihan data .

VUE yang dirujuk ialah app.js yang dijana selepas pemasangan npm di bawah rangka kerja Laravel. Jika anda beralih kepada vue.js bebas yang dimuat turun dari tapak web rasmi, ralat tidak akan dilaporkan dan "1" akan dicetak pada halaman. Mengapa ini? Untuk pemula, saya tidak begitu faham Adakah terdapat sesuatu yang salah dengan app.js yang dihasilkan? Atau adakah terdapat masalah dengan konfigurasi package.json saya
package.json:
{
"private": true,
"scripts": {

"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"

},
"devDependencies": {

"axios": "^0.15.3",
"bootstrap-sass": "^3.3.7",
"cross-env": "^3.2.3",
"jquery": "^3.1.1",
"laravel-mix": "0.*",
"lodash": "^4.17.4",
"vue": "^2.1.10"

}
}

Ada sesiapa yang menghadapi masalah ini bolehkah anda membantu saya untuk menjawabnya

Answer 1

el: '#app',
    data() {
        return {
            aa:1
        }
    }

Answer 2

Menggunakan vue-cli sedikit berbeza daripada merujuk vue.js Dalam vue-cli, data ialah kaedah, bukan objek. Ia harus ditulis sebagai

.

data(){
  return{
     aa:11
   }
}