什么是vue?
vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

#兼容性

vue不支持IE8及以下版本,因为vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。

webpack

在 webpack 4+ 中,你可以使用 mode选项:
module.exports = { mode: ‘production’}
但是在 webpack 3 及其更低版本中,你需要使用 DefinePlugin:
var webpack = require(‘webpack’)
module.exports = {
// …
plugins: [
// …
new webpack.DefinePlugin({
‘process.env’: {
NODE_ENV: JSON.stringify(‘production’)
}
})
]
}

跨域

浏览器访问服务器的时候,由于同源策略的原因,我们获取不了服务器的数据,所以需要跨域。

为什么会有同源策略

浏览器为了保护服务器出台了同源策略(服务器A的网站,请求服务器B的资源,不合理)

同源策略是什么?

http://www.baidu.com
协议
http 超文本传输协议
https
域名
端口号 默认端口8080
协议、域名、端口号只要有一个不相同我们就需要跨域。

###跨域的方式

-jsonp跨域
-proxy
-服务器代理
-正向代理 服务器请求服务器数据
-反向代理 ngix

插槽

Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 web conponents 起草文案 ,将 <slot> 元素作为承载分发内容的出口。
它允许你像这样合成组件:
Your Profile
当组件渲染的时候, 将会被替换为“Your Profile”。插槽内可以包含任何模板代码,包括 HTML:
Your Profile
甚至其它的组件:



Your Profile