Vue.js 03 - 開發環境- iT 邦幫忙 | vue js開發工具
官方下載點[1]提供Development和Production版本,除了壓縮外,差在是否顯示Vue警告和錯誤訊息。習慣套件管理工具的也可透過NPM、Bower安裝npminstallvuebowerinstallvue使用上有兩種不同作法:直接引入Vue.js不需要透過編譯,跟平常載入jQuery或其他Library一樣,上網發問也得仰賴它。參考官方範例[2]
官方下載點[1]提供 Development 和 Production 版本,除了壓縮外,差在是否顯示 Vue 警告和錯誤訊息。
習慣套件管理工具的也可透過 NPM、Bower 安裝
npm install vue
bower install vue
使用上有兩種不同作法:
直接引入 Vue.js不需要透過編譯,跟平常載入 jQuery 或其他 Library 一樣,上網發問也得仰賴它。參考官方範例[2]
<body> <div id="app"> {{ message }} </div> <script src="https://i1.wp.com/unpkg.com/vue/dist/vue.js"></script> <script> var app = new Vue({ el: #app", data: { message: vue rock! } }) </script> </body>如果有組件定義,以前一篇的 <menu-section> 為例
<body> <div id="app"> {{ message }} <menu-section></menu-section> </div> <template id="menuTemplate"> <ul> <li v-for="item in menuItems">{{ item.text }}</li> </ul> </template> <script> var app = new Vue({ el: #app, data: { message: vue rock! }, /* 局部註冊 (Lo...