FCC 武汉 Vue学习计划展开「第一期」【即将开始】

FCC学习计划,主要是为了帮助大家同时也包括我自己,走出懂和不懂的交界线。在设计一条大体层次分明的主线下,大家一起分享学习,不再是你讲我听的低效率模式,而是大家一起学习一起分享一起参与。在一个主线下,重新捋清楚大家的技术盲区。本期内容选择武汉前端行业比较流行的Vue 框架,在基础的层次上,稍微提高和进行发散,不论你是老手或是新手,相信参加过后都会有很大的收获。

**主线简介
—Vue 语法
—Vue 属性方法
—Vue 指令
——————————————————————————————————说明的分割线———————————————————————————————————————
关于例子:文中的例子是一些自己半知半解的问题,感谢大家帮我解惑,哈哈。知识点的问题不局限于
      下列提出的,大家也可以举出自己的疑惑,以聊天的形式,氛围轻松愉悦。
关于主线内容:本期主线暂时是基础的部分,如果时间充足也可以继续展开,剩余的内容将尽量保持紧凑。
关于后续记录:讨论过程中可能会进行一定程度的记录,不过如果过程比较激烈,比如打起来了,开玩笑的
。记录和现场相比可能会有遗漏的部分,建议大家现场围观,积极参与。
  • Vue 语法

    • 括号的使用环境,我们常见的双括号,单括号,已经习惯了直接去使用,那么大家知道有什么规则在里面么:显示数据中的html使用{{{}}}v-directive中的{}又有什么意义,在文本处{{}}
      {{ message }} {{{ htmlSegment }}} ![]({{ photoURL }})
      
      Mustache语法
      还有es6新特性 `${message}'to be one'`
    • html 见过的javascript表达式 {{number + 1}}不能使用的{{var some = 1}}
      语句or表达式
    • 被劫持的this vue实例如何拦截this,你开发中遇到的一些常常丢失this的情况
  • Vue 属性方法

    • 生命周期钩子「细聊」
      • 生命周期里的keep-alive,怎么实现路由前进刷新后退不刷新
    • 数组处理方法
      Vue 中的数据双向绑定只能对对象进行绑定,假如数据是一个对象呢,
      Vue 对观察数组变化做了什么处理,常见的有哪些数组方法。对原生方法处理后有什么影响,怎么避免
    • 过滤 {{ message | capitalize }},你眼中 vue 其他地方也用到了过滤。
  • Vue 指令V-bind V-on

    • 修饰符
      不同修饰符的作用互相独立,因此串联顺序不会影响使用效果;self 修饰符的作用是阻止响应由其他元素冒泡的事件,stop 修饰符用于停止冒泡,但这两者并不矛盾,可以应用于同一元素绑定事件;大部分 HTML 属性不区分大小写,使用 camel 修饰符时,对应的属性会被移除“-”号,但并不会呈现为驼峰样式,仅对类似于 SVG 元素的 viewBox 这样的特殊属性才会改为驼峰样式。
      自定义修饰符到底有什么用?怎么用?

    • v-if v-show区别及使用环境

    • v-for

    • 类与样式的绑定姿势

      • 类绑定的对象语法
      <span class="switch" :class="{toggle: show }"></span>
      data:{
          show :0,    
      }
      
      • 类绑定的数组语法
      <span class="switch" :class="classArr"></span>
      data:{
          classArr:['border','shadow'],   
      }
      
      • 样式绑定的对象语法
      <span class="switch" 
      :style="{color : redColor, fontsize : fontSize +'px' }"
      ></span>
      data:{
          activeColor: 'red', 
          fontSize: 30, 
      }
      
      • 样式绑定的数组语法
      <div v-bind:style="[styleObjectA, styleObjectB]"></div>
      styleObjectA: { color: red }, 
      styleObjectB: { fontSize: '30px', boxShadow: '10px 10px 5px #888' }
      
      
  • Vue 小技巧

    • vm.$atrr === atrr「Vue实例暴露了一些有用的实例属性和方法,都以有前缀$,」
      Vue 的EventBus就是通过生成空的Vue实例,bus.$emit(),bus.$on(),在不同组件位置绑定和触发事件达到数据传递的效果。暴露的其他属性方法有vm.$data vm.$el vm.$watch,那么这些你能想到的可以用来做什么呢
    • 强大的 is = 'component'
    • 未加载页面时会闪{{ }} (花括号)背后是怎么实现的。v-cloak
  • 进阶:

    • Vue router
      .如何使用vue-router:比如动态路由、路由守卫、meta
    • Vuex 你眼中的 Vuex , 你所带着的疑问。
      例如:vuex与bus的区别,什么时候使用哪一个
    • 聊一聊Vue命名优雅姿势。
    • 如何写好组件:比如怎么预留接口,做好通信
    • 如何写自己的插件,比如写一个弹框,一个加载条
    • 如何使用render方法
    • 一些文档里写着高阶的api的使用姿势
    • 构建vue多页面应用,比如脚手架的搭建

「未预告:Next」 你眼中的设计模式and 你手中的设计模式[一]

「未未期预告:Next」 你眼中的设计模式and 你手中的设计模式[二]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容