从数据库取出数据并显示到前端–这一部分是实现数据库连接以及前后端的交互。后端：vue-cli脚手架搭建 还需要 npm install axios用作ajax访问修改之前的那个路由文件：代码很简单，先建立一个数据库连接，然后在调用路由的时候对数据库进行操作，并把结果send()出去。编写前端 app.vue： 这里用vue 的mounted钩子函数中获取后台数据，并将数据存储至data

AST–使用编译的方式修改代码最近有一个面板搭建的需求，环境为react，而现有面板组件为vue。就有了现在这个转换需求~AST(抽象语法树)：顾名思义，它把代码拆解成了树的形式。接下来我会以代码增删改查的形式带大家初步了解"代码编辑"！查：先看再用！(为什么加后缀，因为觉得内容不够丰满)增：无中生有！(为什么加后缀，因为觉得内容不够丰满)删：罢黜百家！(为什么加后缀，因为觉得...

简单的后端接口连接的实现–这一部分是实现后端的接口，接下来会依次实现数据库操作和前后端数据交互过程。后端：npm install express mysql -S编写后端入口文件（app.js）：编写路由文件： node app.js 这个时候最简单的后台接口就启动了，可以http://localhost:3000/test访问到该接口

这个报错的原因就是props值不能被改变这个问题的本质还是组建通信的双向绑定问题在vue2.0文档中有这么一段话：   在一些情况下，我们可能会需要对一个 prop 进行『双向绑定』。事实上，这正是 Vue 1.x 中的 .sync修饰符所提供的功能。当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定的值。这很方便，但也会导致问题，因为它破坏了『单