1、vue简介
作者：尤雨溪
参考文档（官网）
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架.
渐进式：类似于迭代开发 ，vue.js只是一些核心代码，可以让你搭建基本页面
如果你的页面功能相对比较丰富，那么需要相关的一些插件去完成。
插件：就是一些功能代码模块。它是为了给已经完成的功能代码，额外去添加功能用的。
官方插件：vuex vue-router......官方出品的 都是vue官方的插件
第三方插件：也是为了给vue去添加功能用的，但是是别的人写的。比如axios
2、vue的写法
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="root">
<!--div只是一个挂载点，但是vue当中的数据并不是给这个div使用的-->
<!--挂载点内部 就不再是我们单纯的html了，就变成为vue的模板了-->
<!--模板语法：指令 插值{{}} 是专门用来解析元素内容使用的-->
<p>{{msg}}</p>
<p>{{msg.toUpperCase()}}</p>
<a v-bind:href="url">点击我去浏览</a>
<!--v-bind指令可以简写-->
<a :href="url">点击我去浏览</a>
<!--模板的组成： 模板不再是html,而是html和js的混合写法-->
</div>
</body>
<script src="./js/vue.js"></script>
<script>
//对象是一个参数，而且必须是配置对象
//配置对象是对象 只不过属性名固定（不能更改） 属性值可以改变的对象
new Vue({
el:'#root',//#root是一个css选择器，通过这个字符串可以告诉vue和哪个元素进行挂载（挂载点）
data:{
msg:'古天乐-gutianle',//数据存储的赌坊，这个数据是给挂载点内部的模板使用的
url:'https://www.baidu.com'
}
})
</script>
</html>
3、效果展示
