VueHelloWorld编写

1、插入js的文件

2、编写vue代码

{ {}}这个是个取值指令作用就是从js代码当中取出对应的数值

el："""这个是指模板在哪里

简单vue的编写

1、v-bind

v-bind:title 属性取值指令，作用在html标签的属性上（可以用 :title替代）

{ {}}内容取值指令，作用在html开始标签与结束标签之间，

2、model指令

form表单的取值用v-model这个就是会改变js当中的数据重新显示到界面上

3、v-html

以html的格式来渲染数据

4、if

使用if逻辑来决定对应输出的内容

5、for操作

用 in来从中取值

遍历对象数组

6、on事件名称

要在方法中给clickme取值function。

事件源，触发事件的html标签

事件对象，事件从被触发到响应结束整个过程产生的数据封装对象

响应函数传参：函数怎么传参数值

当事件触发之后vue会自动创建事件对象，然后将信息封装到对象当中，并将该对象赋值给$event变量

也可以之间传入一个参数，获得对应的事件相应参数

7、filter

如果传入多个参数要转换成为对应的形式如何操作

把左边的数据作为右边的参数，然后通过function进行判断输出

8、mounted

注意mounted：function是一个函数（）{}，这个是在vue创建完成并初始化完成前就被调用。

里面有个this，vue，如果是this是创建了一个对象，vue是空，是因为mounted是在初始化完成之前就被创建了，所以vue不能被使用所以是一个空值。

mounted方法的作用：进行数据初试化vue模板数据初始化，

vue创建与初始化过程：

/1 newVue --创建vue实例对象

/2 初始化vue实例声明周期相关方法I事件

/3 解析并校验vue模板

/4 使用vue实例默认的数据填充模板

/5 调用mounted方法

在这个地方发起异步请求获得模板数据

在这里发送ajax请求

也可以用vue.emps = data 来接收，因为执行的慢所以也可以用

/6 初始化完成并返回对象

要记得导包

vue和传统区别

修改环境，将前后端分离，创建vue格式

1、添加依赖

2、设置接口

3、配置启动类

4、创建controller

5、编写另一个前端的idea，编写ajax请求到mybatisplus，然后通过对应的接口和路径到对应的controller操作。

注意：两个服务器的端口不一致的时候，通过浏览器交互，会产生跨域访问协议，

在启动类当中配置这个。

allowOriginPatterns这个作用是允许放行的端口号

6、添加按钮的实现

ps：同步异步请求区别

7、add页面

8、编写ajaxJson

9、编辑功能操作

要用它：href那个功能才可以，并且用引号表示这是字符串

10、编辑页面

11、修改提交功能