Vue学习笔记总结（9）

四、Vue中发送Ajax请求

 

• 什么是跨域问题

在浏览器进行Ajax请求时会出现跨域问题，那么什么是跨域，如何解决跨域呢？

1. 什么是跨域问题？

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。

1. 什么是同源？

所谓同源是指，域名、协议，端口均相同。

路由器的功能：在数据通信时，帮你选择通信的路线

在Vue中的路由，能够帮助我们在一个vue组件中实现其他组件的相互切换。也就是说，可以通过路由模块，将指定的组件显示在路由视图中。如何实现路由跳转？

 

1.安装路由模块

npm install vue-router-s

2.设计路由界面

3.创建路由表

4.在main.js 中引入路由模块并使用

5.创建路由链接和路由视图。

 

 

• 路由之间的参数传递

Vue创参数的步骤：

设参

传参

接参

 

• 路由之间的跳转方式

1. 通过html中的路由链接<router-link  to=”路由地址” >进行跳转

1. 通过js跳转路由实现

• Vue中组件样式表的作用范围

如果vue组件中的style标签没有带上scoped属性，那么这个style的样式会作用在整个页面中，而不是当前组件中，因此加上scoped属性，让样式只作用到当前组件中。

• 关于资源打包

开发一个vue项目，标准的步骤：

1. 用vue-cli拉取一个项目骨架
2. 安装依赖
3. 使用npm run dev进入开发者模式

此时在开发者模式中，各种修改都能看到实时效果，那么这些内容实际上是由vue-cli进行打包并发布在node.js上的。那么，最后开发完以后，这些资源是需要我们手动部署在自己的服务器上的。那么哪些资源是需要我们手动部署的，因此，通过npm run build命令来构建资源。

1. 通过npm run build来构建资源。会产生dist。里面包含静态资源。

因此，在开发环境下，要想使用静态资源，首先通过npm run build命令来创建dist文件夹，然后将静态资源放入，再在vue代码中，去该dist文件夹内取资源即可。