[問題] vue js做成一個專案後,語法該寫在哪?

作者: ericerix (Ponwar)   2019-04-11 17:43:06
不知道該怎麼問這個問題,
所以標題可能會看不懂,
我簡單描述一下我所遇到的問題好了。
我一開始都是像官方文件說的,使用
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
然後
<script>
var app = new Vue({
data:{
},
})
</script>
等等..
這樣都可以正常執行一些vuejs的語法
可是我作成project,也就是有了app.vue之後
不知道該把這段語法放在哪裡,好運行我想呈現的效果,
我爬文都是說,app.vue的架構分為template, script, style
可是我把剛剛那段程式碼一字不漏地寫在app.vue內,還是無法執行,
架構大概是這樣
<template>
.
.
.
</template>
<script>
var app = new Vue({
data:{
},
})
</script>
<style>
.
.
</style>
其餘的地方都可以使用,就只有<template>內沒辦法運用到<script>內我寫的data..
爬文也都沒有這方面的說明
拜託了
作者: ericerix (Ponwar)   2019-04-11 22:48:00
我會了!確實跟直接導入vue不一樣謝謝兩位!
作者: peanut97 (丁丁)   2019-04-11 22:14:00
去看一下youtube影片教學會比你一直在亂試還要快速喔 學習從模仿開始
作者: ericerix (Ponwar)   2019-04-11 18:57:00
我確實是用vuecli建立專案的
作者: chengchieh (cc)   2019-04-11 17:51:00
請使用vuecli建立專案...再去看執行順序

Links booklink

Contact Us: admin [ a t ] ucptt.com