基础知识

一、 vue components

Vue.component('todo-item', { props: ['todo'], template: '

  • {{ todo.text }}
  • ' }) var app = new Vue({ el: '#app', })

    二、 父子节点数据传递方式

    https://scrimba.com/p/pXKqta/cgnEeh4

    三、why key for v-for

    它默认用“就地复用”策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素
    为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性。理想的 key 值是每项都有的唯一 id
    

    四、vuex 参考 【vuex video】 google搜索结果 why vuex why state、getter、mutation(use strict 模式)action why Mapping Actions & Getters

    Vue
    JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里只属于前端工程师。