1.引入Vue
1）使用script标签引入
在vue官网 可以下载开发版本（包含完整的警告和调试模式，建议有调试需求时使用）和 生产版本（删除了警告，体积较小）文件，下载后，将对应的js文件以script标签引入即可使用。
<script src="vue/vue.js"></script>
2）使用CDN引入 @后边可以指定对应的vue版本
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
3)对于大型项目，我们建议用NPM的形式引入
# 最新稳定版
$ npm install vue
2.创建vue对象
1.想让vue工作，就必须创建一个vue实例，并且传入一个配置对象
2.root容器里边的代码依然符合html代码规范，只不过混入了一些特殊的vue语法
3.root容器里边的代码被称为vue模板
4.vue实例和容器一一对应的
5.真实开发中只有一个vue实例，并且会配合着组件一起使用
//创建vue实例
const vm = new Vue({
//el是element的缩写，即为绑定vue实例服务的容器，使用css选择器语法，或者可以直 接获取对应的元素，通常使用选择器进行绑定
//el也可以省略，使用vm.$mount('#root')进行挂载绑定
//el: document.getElementById('root'),
el: '#root',
//用于为绑定的元素存储数据
data: {
name: ''
}
})
3.运行vue项目
在我们的html文件中引入了vue.js和创建了vue实例之后，在chrom中运行我们的代码，F12调出控制台，如果未安装调试工具，会看到提示我们安装调试工具插件，提取码：s36y；另外，如果使用的是开发版本的vue，会看到提示我们在发布时切换到正式版本，可以使用以下代码隐藏提示：
Vue.config.productionTip = false
这样，我们的第一个vue项目已经成功运行起来了
