vue小实训第三周面试题

1.jsonp实现的原理：

原理就是利用了script标签中的src属性外联引入文件不受同源策略的限制，在页面中动态插入script标签，script标签的src属性就是后端api接口的地址，并且以get的方式将前端回调处理函数名称告诉诉后端，后端在响应请求时会将回调返还，并且将数据以参数的形式传递回去。

JSON返回的是一串数据，而JSONP返回的是脚本代码
JSONP只支持get请求，不支持post请求

2.什么情况下会导致跨域？怎么解决？

同源：协议 域名 端口号相同。 三者有一个不相同就会导致跨域

3.watch ，methods， computed 区别

watch,methods,computed 是什么？

computed ：属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算，主要当作属性来使用，

methods ： 方法表示一个具体的操作，主要写业务逻辑

watc ：一个对象，键时需要观察的表达式，值时对应回调函数，主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作，可以看做是computed和methods的结合体

区别：

1.watch和methods 不需要return ， 计算属性（computed） 需要 return
2.methods 里面可以写大量的业务逻辑 ，computed 不适合写大量业务逻辑

4.引用模块的三种方式

https://blog.csdn.net/qq_45656036/article/details/119357679?spm=1001.2014.3001.5501

5.为了提高模块的独立性，给模块加入nameSpaced:true

对象中起别名用冒号 : es6中import是用 as

在组件中使用模块也可不用辅助函数$store.state.模块名.数据 计算的时候应该

6.路由中的懒加载：把不同的路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了

ps:正常情况下是生成一个js文件

如果没加图片里的那个东西，返回的就是数字，加了之后就是组件名
这是webpack的语法，用webpack来引入vue组件的