[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> <!--导入Vue cdn 的网址--> <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> ~~~