版权声明正文原创作者：谷哥的zxdxt作者博客地址： http://blog.csdn.net/lfdfhl Vue简介Vue是一个渐进的JavaScript框架。
官方网站https://cn.vuejs.org/
主要特征Vue的主要特征如下。
易用
以原生HTML、CSS、JavaScript为基础，入门很简单。
灵活
持续繁荣的生态系统可以在一个库和完整的框架之间自由伸缩。
高效
运行Vue所需的空间小，性能优异。
官方文件https://cn.vuejs.org/v2/guide/
入门示例此处通过示例的形式详细介绍了Vue框架的最简单使用。
构建开发环境首先，构建开发环境
创建项目使用IDEA以Maven方式创建项目Vue01
在协调项目并创建项目后，将对现有项目进行一些调整，以方便前端开发。
要点概述：
1、在main下创建webapp文件夹2，在webapp下创建vue文件夹3，在vue文件夹下创建js文件夹
导入Vue文件在js文件夹中导入Vue文件。
要点概述：
1、vue.js为开发环境版本2，vue-min.js为生成环境版本
在页面开发vue文件夹下创建首页001HelloWorld.html，并将vue文件引入页面。
要点概述：
1、一页中只能存在一个Vue实例，不能创建多个Vue实例2，Vue实例的元素属性(el属性)表示Vue实例的范围3，Vue实例的数据属性为当前Vue实例2 使用{}获取data数据时，建议使用id选择器，但可以在vue实例的范围内使用data属性的变量名) }获取与data变量名对应的属性值5； 因为一个vue实例只作用于一个有效范围
！ doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title vue/title！ - vue-- script src=' js/vue.js '/script script type=' text/JavaScript ' /条目函数window.onload=function () }/SCT