-
070_TodoList案例_静态
源码 App.vue MyFooter.vue MyHeader.vue MyItem.vue MyList.vue 本节教程所用的静态文件详见附件。 源码 | App.vue | main.js | \---components MyFooter.vue MyHeader.vue ... -
066_props配置
props配置项 1. 功能 2. 传递数据： 3. 接收数据： 源码 App.vue components\Student.vue props配置项 1. 功能 让 组件 接收 外部 传过来的数据。 2. 传递数据： 直接在父标签中写属性： <Demo name="xxx"/> 3. 接收数据： 第一种方式（只接收... -
042_v-cloak指令
v-cloak 指令没有值，只有名。 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-cloak指令</title > <style > /*将本页所有的 v-cloak... -
068_插件
插件 功能 本质 定义插件 源码 plugins.js main.js 插件 功能 用于增强Vue 本质 包含install() 方法的一个对象 ，install(Vue, …)的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 对象； 对象中必须包含 install() 定义插件 对象.install =... -
对象的简写形式
1. 属性简写（同名省略） 2. 方法简写（省略 : function ） 3. 计算属性名（动态键名） 4. Vue 特定简写 （1）v-bind 简写 （2）v-on 简写 5. 对象展开运算符（... ） 6. 解构赋值简写 7. Vuex 中的简写 （1）mapState 简写 （2）mapActions 简... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
065_ref属性
笔记 ref属性 源码 App.vue 笔记 ref 是一个特殊的标签属性。之前学过一个特殊的标签属性key。 由于本课程测试比较多，如果我们把所有组件都写到 src目录，有可能看起来不方便。所以我们可以新建一个目录: 01_src_分析脚手架 ，将来用的时候，就把该目录名调整为src。目的：方便使用同样的脚手架，方便区分不同节课的教学内容。... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
080_组件自定义事件_绑定
笔记 源码 App.vue components\School.vue components\Student.vue 笔记 自定义事件：区别于内置事件(E.g click keyup)而言。例如：我们给组件自定义一个事件 peiqi 本节讲的自定义事件 是服务于 组件的！ 源码 App.vue <template > <... -
032_列表排序
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 列表排序</title > <script type ="text/javascript" src ="../js/vue.js" ...