vue - 官方 - 上手
生活随笔
收集整理的這篇文章主要介紹了
vue - 官方 - 上手
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Vue和其它框架一樣，有用CDN或本地JavaScript框架，國內我推薦 bootstrap cdn。
?
為什么很多人選擇CDN呢？
CDN：內容分發網絡（不同區域不同服務器，更快），減少本地服務器壓力以及加載速度需求。
?
CDN如果出現問題怎么辦呢？
我們需要寫一個JavaScript判斷CDN是否有用，再來切換多個CDN（也就是多個CDN地址，放數組里）
?
VUE漸進式框架，什么是漸進式？
Vue 被設計為可以自底向上逐層應用。
?
開發環境：Win7 x64（6.1.7601）
開發工具：vsCode
?
官網示例代碼（聲明式渲染）：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script> </head><body><div id="app">{{wegame}}</div><div id="app-2">{{message}}</div><script>var app = new Vue({// el - : 遍歷區域el: '#app',// data - :數據data: {message: 'HEllO,DJ',wegame: 'sss'}});//app.messagevar app2 = new Vue({el: '#app-2',data: {message: '頁面加載于' + new Date().toLocaleDateString()}})</script> </body></html>
顯示結果：
?
?然后它推薦我們下載VUE專用擴展調試工具，也給出了地址，OK我們試著下載：
VUE-DEV?，點擊后進入本頁面，我們找到獲取本瀏覽器的擴展地址即可：
?鏡像在Google需要FQ（請點擊這里），怎么辦呢？??
?
?
?
?本人在Github上傳了VUE-DEV，點擊即可下載（安裝方式就是在瀏覽器地址欄輸入：chrome://extension ，然后把解壓的文件夾拖進去就行了，注意解壓文件夾一定要保存在不會誤刪的地方！）。
?
轉載于:https://www.cnblogs.com/cisum/p/8492811.html
總結
以上是生活随笔為你收集整理的vue - 官方 - 上手的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 15个最好的HTML5前端响应式框架(2
- 下一篇： pfsense 2.2RC版本应用