Vue.js初步入门实例

下载Vue.js，建议下载开发环境版本

打开WebStorm开发工具，新建‘VueTest’工程，将下载的vue.js文件放在工程根目录，在工程内新建‘test.html’并加入代码如下：

在‘test.html’中创建一个div标签代码如下：                    

使用vue在改变上面div标签中内容，代码如下：                    

在浏览器中打开，准确输出了message内容

优化一下，将代码放在head标签，vue对象的data属性是根据el来定位的 #id是常见的id定位法，同个文件中id唯一，尝试改变代码中的id，代码如下：                    

再次运行浏览器打开页面，就能获取并写入元素div标签的内容了