摘要：
useRef 虽然用的不多，但是也不能缺少，它有两个主要的作用： ① 用 useRef 获取 React JSX 中的 DOM 元素，获取后就可以控制DOM 的任何东西了，但是一般不建议这么做，React 界面的变化可以通过状态来控制。 import React,{useRef} from 'rea 阅读全文
摘要：
自定义Hooks 函数 和 用Hooks 创建组件很相似，跟我们平时用 JavaScript 写函数几乎一模一样，可能就是多了些 React Hooks 的特性，自定义 Hooks 函数偏向于功能，而组件偏向于界面和业务逻辑。 自定义Hooks 函数获取窗口大小 import React,{useS 阅读全文
摘要：
第一步，拆分组件 共拆分为4个组件 App.vue 中初步布局，引入 commentAdd 组件和 commentList 组件，写入： <template> <div id="app"> <header>请发表你的评论</header> <div class="container"> <div c 阅读全文
摘要：
1，使用 vue-cli 创建模板项目： npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm intall npm run dev 2，项目模板结构： 3，项目的打包与发布 打包：npm run build 发布1：使用静 阅读全文
摘要：
1，vue 动画 ① 操作 css 的 trasition 或 animation ② vue 会给目标元素添加 / 移除特定的 class ③ 过渡的相关类名 xxx-enter-active：指定显示的 transition xxx-leave-active：指定隐藏的 transition x 阅读全文
摘要：
1，绑定监听 ① v-on：xxx = "fun" ② @xxx = "fun" ③ @xxx = "fun(参数) " ④ 默认事件形参：event ⑤ 隐含属性对象：$event 2，事件修饰符 ① .prevent：阻止事件的默认行为 event.predentDefault（） ② .sto 阅读全文
摘要：
模板的理解： 1）动态的 html 页面 2）包含了一些 JS 语法代码，双大括号表达式，指令（以 v- 开头的自定义标签属性） 1，插值 ① “Mustache” 语法（双大括号）的文本插值 ② 输出原始 HTML，v-html 指令 ③ 强制数据绑定 Mustache 语法不能作用在 HTML 阅读全文
摘要：
1，计算属性 ① 在 computed 属性对象中定义计算属性的方法 ② 在页面中使用 {{ 方法名 }} 来显示计算的结果 ③ 通过 getter / setter 实现对属性数据的显示和监视 ④ 计算属性存在缓存，多次读取只执行一次 getter 计算 通过在表达式中调用方法也可以达到同样的效果 阅读全文
摘要：
1，class / style 绑定就是专门用来实现动态样式效果的技术 2，class 绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
摘要：
1，初始化显示： ① beforeCreate() ② created() ③ beforeMount() ④ mounted() 2，更新状态：this.xxx = value ① beforeUpdate() ② updated() 3，销毁 Vue 实例：vm.$destory() ① bef 阅读全文
摘要：
组件基础 在 Vue 中，一个组件本质上是一个拥有预定义选项的一个Vue实例，在Vue中注册组件： 组件是可复用的Vue实例，并且带有一个名字，如 “ todo-item”，我们可以在一个通过 new Vue 创建的Vue 根实例中，把这个组件作为自定义元素来使用。 因为组件是可复用的Vue实例，所 阅读全文
摘要：
使用 v-model 对表单数据自动收集，v-model 能轻松实现表单输入和应用状态之间的双向绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width 阅读全文
摘要：
列表显示指令 数组：v-for / index 对象：v-for / key 变更方法 Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新，这些被包裹的方法包括： 替换数组（非变更方法） 如： filter()，concat()，和 slice()，它们不会变更原始数组，而总是返 阅读全文
摘要：
条件渲染指令 ① v-if 与 v-else 在 <template> 元素上使用 v-if 条件渲染分组： 当想切换多个元素时，此时可以把一个 <template> 元素当作不可见的包裹元素，并在上面使用 v-if，最终的渲染结果将不包含 <templage> 元素 v-else-if ，充当 v 阅读全文
摘要：
Vue.js ： 1，一套用于构建用户界面的渐进式 JavaScript 框架 2，动态构建用户界面 3，VUE的特点： ① 遵循 MVVM 模式 ② 编码简洁、体积小、运行效率高，适合移动 / PC 端开发 ③ 它本身只关注 UI，可以轻松引入 vue 插件 或 其他第三方库开发项目 4，借鉴 a 阅读全文
摘要：
1，拆分组件 共四个组件 todoHeader、todoList、todoItem、todoFooter App.vue 中布局： 接着分别编写 todoList、todoItem、todoHeader、todoFooter 组件 2，初始化数据渲染 App.vue中定义初始化数据 将 todos 阅读全文
摘要：
1，组件间通信基本原则 ① 不要在子组件中直接修改父组件的状态数据 ② 数据在哪，更新数据的行为（函数）就应该在哪。 2，vue 组件间通信方式 ① props 使用组件标签时， <myComponent name="Tom" :age="13" :setName="setName" ></myCo 阅读全文
摘要：
创建也给 向 local 中存储数据的工具模块 utils / storageUtil.js App.vue 中，页面初始数据，调用 storageUtil 中的 readTodos() App中监视 todos 属性，将 todos 每次更新后的值存到本次缓存中 阅读全文
摘要：
vue项目中常用的2个 ajax 库 1，vue-resource：vue插件，非官方库，vue1.x 使用广泛 https://github.com/pagekit/vue-resource 基本使用： import VueResource from 'vue-resource' //引入模块 V 阅读全文
摘要：
1，拆分组件 2，初始化页面渲染 Main 组件中有请求前，请求中，请求成功，请求失败四种状态，分别定义四个变量控制四种状态 3，Main 组件有 请求前，请求中，请求成功，请求失败 四种状态，故选择在 Main 组件中发送 ajax 请求更新状态，点击搜索时发布消息告诉Main发送请求，Main 阅读全文