1.路由对象
{name:‘xxx’,path:'/xxx',component:xxx,meta:{checklogin:true}} 这条路由需要验证
钩子守卫
router.beforeEach(to,form,next)=>{ }
路由A嵌套路由B:{path:'/xxx',component:Axx,children:[
{path:'/xxx',component:Bxx}
]}
2.文件处理+base64
如果仅仅处理文件,我们使用file-loader,url-loader可以提供一个判断
如果文件大小在xxx范围内,解析生成的文件就会转成base64编码到css代码执行
如果文件大小超出xxx范围,则会使用file-loader重新生成一个
在配置文件中的符号:!代表分隔符、?代表添加的参数、&分隔的参数
3.webpack-dev-server:在浏览器下 实时编译
热替换:在浏览器不刷新的时候,自动替换
热更新:自动刷新
--open 默认自动打开浏览器 --inline自动刷新 --hot不刷新,内容直接替换 --port指定的端口
4.处理es6格式转换 6/7/8/react
配置文件 .babelrc 格式json对象
语法部分 (关键字,保留字) perset['env']
函数部分 插件 plugins:[transform-runtime]
5.单文件总结:
template 只有一个根目录
script 上来就export default
style scoped样式组件化
6.vue-resource了解
1、this.$http
2、如果发送post键值对,emulateJSON:true
this.$http.post(url,data,option)
3、基于promise的代码要会写
this.$http请求 then(fn(data)).catch(fn(data))
4、jsonp需要后台支持,返回函数名的字符串
网友评论