vue添加博客功能、展示博客详情,主要用到表单、双向绑定、v-show、v-for

最后

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。

2.用v-show来控制是否提交,用来控制显示不同的内容:


 

3.v-for列表展示


  • {{category}}
  • 4.性别用了过滤器 filter


    性别:{{blog.sex | sex}}

    5.属性绑定 (控制按钮是否可用:disabled)


    <button @click.prevent=“submit” :disabled=“blog.title==‘’ || blog.content==‘’ || submitFlag”>提交

    <button @click.prevent=“reset” :disabled=“(blog.title==‘’ && blog.content==‘’)|| submitFlag”>重置

    完整代码:

    =====

    添加博客

    博客提交成功

    bordercolorlight=#CCCCCC bordercolordark=#FFFFFF class=“table”>

    博客标题: 分类:

    vue.js

    node.js

    react.js

    jquery.js

    博客内容: 作者: {{author}} 性别:


    博客总览

    博客标题:{{blog.title}}

    博客内容:{{blog.content}}

    博客分类:{{blog.categories}}

    • {{category}}
    • 作者:{{blog.author}}

      性别:{{blog.sex | sex}}

      <button @click.prevent=“submit” :disabled=“blog.title==‘’ || blog.content==‘’ || submitFlag”>提交

      最后

      四轮技术面+一轮hr面结束,学习到了不少,面试也是一个学习检测自己的过程,面试前大概复习了 一周的时间,把以前的代码看了一下,字节跳动比较注重算法,面试前刷了下leetcode和剑指offer, 也刷了些在牛客网上的面经。大概就说这些了,写代码去了~

      祝大家都能收获大厂offer~

      开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

      篇幅有限,仅展示部分内容

    • 5
      点赞
    • 7
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值