Vue -- 創建Vue實例 · Vue&&TypeSprict--基礎總結

[toc] >[success] # 創建Vue 實例 ~~~ 1.基本使用章節主要針對，創建Vue 實例的記錄 ~~~ >[danger] ## 兼容性 ~~~ 1.Vue 不支持 IE8 及以下版本，因為 Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器。 ~~~ >[danger] ## 安裝 ~~~ 1.第一種去官網下載指定頂vue版本包 2.第二種使用cdn使用線上版本(本筆記所有案例都使用cdn) 3.第三種使用npm進行安裝 4.第四種使用CLI腳手架 ~~~ >[danger] ## 創建一個Vue使用案例 ~~~ 1.創建的Vue實例其實就是MVVM中的VM調度者 2.創建的Vue實例中el屬性是要被掛載的到Vue上的DOM元素，可以是id選擇器，也可以是類選擇器，或者直接使用'docuemnt.getElementById'將HTMLElement ，直接掛載上去 3.這里的data 和{{}} 的語法會在下面章節講解 ~~~ ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{msg}}</p> </div> <script> // 獲取綁定的dome 對象也可以將這個對象和el 進行吧綁定 //var app = document.getElementById('app') // 創建一個vue 實例，這個VM實例就是MVVM中的VM調度 var vm = new Vue({ // 也可以綁定document.getElementById('app')返回的app對象 el:"#app", data:{ msg:"第一個案例" } }) </script> </body> </html> ~~~