创建Vue 实例
1.基本使用章节主要针对,创建Vue 实例的记录
兼容性
1.Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
安装
1.第一种去官网下载指定顶vue版本包
2.第二种使用cdn使用线上版本(本笔记所有案例都使用cdn)
3.第三种使用npm进行安装
4.第四种使用CLI脚手架
创建一个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 = docuemnt.getElementById('#app')
// 创建一个vue 实例,这个VM实例就是MVVM中的VM调度
var vm = new Vue({
// 也可以绑定docuemnt.getElementById('#app')返回的app对象
el:"#app",
data:{
msg:"第一个案例"
}
})
</script>
</body>
</html>