美文网首页
新的生活新的开始NO.3

新的生活新的开始NO.3

作者: 张宪宇 | 来源:发表于2018-05-31 23:47 被阅读0次

    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需要后台支持,返回函数名的字符串

    相关文章

      网友评论

          本文标题:新的生活新的开始NO.3

          本文链接:https://www.haomeiwen.com/subject/yzsqsftx.html