1. Vue概述
1.1 Vue 是什么？
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。
vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
1.2 下载Vue
下载地址：https://cn.vuejs.org/v2/guide/installation.html
下载下来后，就是一个vue.js文件了。
2. Vue的基本使用
使用Vue的需要注意的点：
1、需要提供标签用于填充数据
- 注意： 在标签中我们使用插值语法的形式 即 {{}} 进行填充数据
2、引入vue.js库文件
- 注意：一定要先引入Vue文件 在使用Vue语法 因为存在作用域的问题
3、使用vue的语法做功能
- new Vue() 创建一个Vue的实例
- 在构造函数中以对象的形式做一些配置
4、利用Vue将数据渲染到页面上
- 数据写在data 里面
使用Vue将数据渲染到页面上：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue的基本使用</title>
</head>
<body>
<!--1.提供主体标签，确定数据填充的位置-->
<div id="app">
<!--插值语法，即{{}}-->
<div>{{msg}}</div>
</div>
<!--2.引入vue.js库文件-->
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
//3.使用vue的语法做功能
var vm = new Vue({
el: '#app',//这个#app就是帮我们选中步骤1中提供的主体标签，类似于js dom的获取元素
//4.把vue提供的数据填充到标签里面
data: {
//5.运行后会将插值语法中的msg替换为Hello Vue
msg: 'Hello Vue' //msg中存储的值 Hello Vue
}
});
</script>
</body>
</html>
执行的效果：
此时我们按F12或者右键的检查按钮，进入控制台界面，如果界面没有报错，证明我们的代码没有问题。
除此之外，还可以进行运算和字符串拼接。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue的基本使用</title>
</head>
<body>
<!--1.提供主体标签，确定数据填充的位置-->
<div id="app">
<!--插值语法，即{{}}-->
<div>{{msg}}</div>
<div>{{100 + 100}}</div>
<div>{{100 * 100}}</div>
<div>{{msg + 100}}</div>
</div>
<!--2.引入vue.js库文件-->
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
//3.使用vue的语法做功能
var vm = new Vue({
el: '#app',//这个#app就是帮我们选中步骤1中提供的主体标签，类似于js dom的获取元素
//4.把vue提供的数据填充到标签里面
data: {
//5.运行后会将插值语法中的msg替换为Hello Vue
msg: 'Hello Vue' //msg中存储的值 Hello Vue
}
});
</script>
</body>
</html>
执行的结果：
我好像鸽了几个月没写博客了吧，因为中间工作换了一下，现在还是在做java开发，主要是负责ERP系统的开发，为什么要写Vue呢，因为我公司ERP系统要重构了，需要用到Vue技术，自己学习总结一下，这个下载链接也是vue的官网，上面有教程，还可以作为vue开发文档来使用。https://cn.vuejs.org/v2/guide/installation.html。