-
020_计算属性_简写
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
033_更新时的一个问题
源码 问题的引出 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 更新时的一个问题</title > <script type ="text/javascript" src ="../... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
016_键盘事件
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 键盘事件</title > <!-- 引入Vue --> <script type ="text/javascrip... -
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. 接收数据： 第一种方式（只接收... -
017_事件总结
事件的修饰符可以连写 系统修饰按键可以组合使用 事件的修饰符可以连写 例如：之前实例中的.stop 和 .prevent ，可以像下图一样连写: 这样既阻止 a 弹窗，又可以阻止跳转到指定href链接。 系统修饰按键可以组合使用 例如： ctrl+y 才会触发 showInfo() <div id="root" > <h2 > 欢... -
069_scoped样式
scoped样式 源码 School.vue Student.vue scoped 仔细看英[skəʊ pt] 美[skoʊpt] 组件加 scoped 之后，里面缩写的样式只负责本组件。 scoped样式的实现原理：在 最外侧 div 添加了一个 data-v-随机数 属性， scoped样式 作用：让样式在局部生效，防... -
065_ref属性
笔记 ref属性 源码 App.vue 笔记 ref 是一个特殊的标签属性。之前学过一个特殊的标签属性key。 由于本课程测试比较多，如果我们把所有组件都写到 src目录，有可能看起来不方便。所以我们可以新建一个目录: 01_src_分析脚手架 ，将来用的时候，就把该目录名调整为src。目的：方便使用同样的脚手架，方便区分不同节课的教学内容。... -
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ...