VUE的简陋实现

按：记录一下VUE学习初期的简陋实现，除编译器外，无需额外安装任何内容；另外简陋的实现与后台的交互。
参考了。
0. 文件准备
从官网下载vue.js（点击“开发版本”可下载）和axios.js、axios.map（./dist/文件夹下；若无法访问，可从其余途径下载）文件。

1. VUE项目的结构

vue-demo
|-- index.html
|-- vue.js
|-- axios.js
|-- axios.map
|-- style.css

2. style.css
   此文件内容来自vue官网的示例。本随笔采用的是网格组件。

3. index.html
   此文件的主要内容也是来自网格组件的官方示例。添加的内容实现的是与后台交互。
   完整的内容如下：

  
    
     
     
    

    
    
    
    
  
  
    
    

      

        Search 
      
      
      

       
    

    
  

4. 运行
   1）启动后台，确保浏览器访问目的网址可得到json格式的数据（本随笔中的目的网址为： http://localhost:8888/demo-system/a?param=123 ）；
   2）从浏览器打开index.html或者从编译器启动，点击单元格answer即可。

Tips:

• 通常，前后端分离后会发生跨域访问错误，需要在前端或者后端进行一些额外的配置，此随笔选择利用注解@CrossOrigin(origins = "*")在后端进行配置，主要参考了这篇文章。
• vue.component的编写参考了这篇文章。