什么是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
