Vue的基本介绍和概述
1.VueJS是什么？
简单小巧，渐进式，功能强大的技术栈；
2.为什么要学VueJS?
学习曲线平缓，易上手，功能强大，轻便； 目前最流行的三大框架之一，使用范围广； 升职加薪；
3.VueJS的模式
MVVM模式，视图层和数据层的双向绑定，让我们无需再去关心DOM操作的事情，更多的精力放在数据和业务逻辑上。
4.VueJS环境的搭建
用script标签引入VueJS 用vue脚手架工具vue-cli搭建，
5.Vue的实例演练
1） 环境搭建(即在body中加入vue.js的链接)
创建一个index.html文件，在中引入从官网复制的后缀为vue.js的链接，此链接在bootcdn网站下载。
<body>
<div id="app">
{{msg}}
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js"></script>
</body>
2）VueJS的入口：el
- 在另一个script标签内操作，创建一个Vue的实例。
- 这个 new Vue是整个程序的启动入口；
- 创建的这个Vue实例是要挂载到哪个Dom节点上呢；
- 所以用el来指定挂载到哪个Dom的节点上,可以是标签，可以是css，常用id来区分；
<script>
var app = new Vue(
el:"#app",
data：{
msg：“vue学习开始了”
}
)
</script>
3）数据内容data的用法
data可以声明应用内双向绑定的数据 在data中写的内容，已经挂载到
中了，只需要在div中输入前面的名称data
的属性名，data的属性值就会渲染到页面里面。
后续中所有的数据都会在data中声明。
4）如何访问vue里面的内容
访问vue实例的属性 console.log(app.data) 访问data中的属性 console.log(app.msg)vu
vue生命周期
<script>
var app = new Vue(
el:"#app",
data：{
msg：“vue学习开始了”
},
***created:function(){
alert('我是vue实例，创建完成，还未挂载到DOM')
},
mounted：function（）{
alert('我是vue实例，已经挂载到DOM')
*}***
})；*
</script>
