46-VUE-3

1.组件通信

最原始的方式,就是通过属性名引用

关于组件通信,到时候具体到项目代码的时候再弄吧。。。现在即使学了,api你也记不住

子组件要接收父组件的数据,这里必须有一个声明,等于说,在这里还是要在子组件里面写代码的

props

2.data

同样的data,在vue里面是数据,在组件里面就是组件返回的数据

this一样,一个是vue对象,一个是组件对象

3.vue组件原则

数据在哪个组件,更新数据的行为就写在那个组件

4.热模替换

这个就是放大版的ajax。。。

把vue当成一个可替换单元来进行vue版本的"ajax"

5.vue的持久化

数据持久化-->深度监视

6.vue的自定义事件

监听事件:$on

触发事件:$emit

这里明显感觉没有java的接口好用,接口直接定义了一个监听和回调接口

7.下载库

npm install 库名 --save 

8.slot

组件之间传标签数据

这里一个slot占位,根据数据判断是否显示,这也太具体了

这里的意思就是,可复用的一片view,可以把能占的slot全部给占了,然后感觉场景选择是否显示或者改变显示方式

9.vue-ajax

在这里,既可以用resource库里面的$http,也可以用axios

10.viewport

注意,移动端的h5头部要设置viewport

11.库的使用

在main.js里面全局注册标签

12.路由(关键)

概念:-->

点击路由,是不给后台发请求的

今天对路由进行详解

router

①先配置路由器,在vue对象里面配置的,这里就跟之前的不一样了,在这里是一个实例对象里面调用而不是静态方法

②注册

③使用路由标签

新建一个index.js,在这里面写路由器模块

写完以后,还要向外暴露路由器对象

把路由组件,写到配置路由的index.js的给外暴露的地方

接下来写路由的时候用到的标签是<router-link to=“路径”>这里的路径,就是路由器配置里面的路由路径

然后,路由组件-->“公共”,这也就是说,当切换路由路径的时候,不同的组件都在这里显示,这个就是<router-view>

根路径路由

spring+vue

①在IDEA里面写好后台代码,后台tomcat有一个本地后台地址,启动tomcat以后,前端就可以访问后台地址了

②我们在vue的所有的调接口的地方,写一个baseUrl就是我的后台地址(上线的时候肯定要改成线上地址)

③npm run dev,启动前端,这样就可以打开前端的html,这个时候前端的html里面所有的接口自然就是调用的后台的地址

④这样就可以分成2个编辑器进行调试,前后端的完全分离,调试环境也是,这样就完全是2个人的活了

测试完以后,npm run build,这时候会生产一个dist文件,这个dist文件里面就有static文件夹,以及index.html

这个时候把他们放在tomcat里面就是一个完整的前后端项目了!!!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值