上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 36 下一页

2020年3月21日

397 vue路由对象 - $route

摘要: vue-router的理解和使用 router-view、router-link、keep-alive $router: 路由器对象, 包含一些操作路由的功能函数, 来实现编程式导航(跳转路由) 【VueRouter实例对象。】 $route: 当前路由对象, `解析url信息`,一些当前路由信息数 阅读全文

posted @ 2020-03-21 15:16 冲啊! 阅读(607) 评论(0) 推荐(0)

396 vue路由配置:动态路由,详情列表案例

摘要: 4.1 动态路由 ⇒ 详情列表 导入 : 列表三个手机都要点击,进入详情页, 只需要一个组件,显示不同的数据即可 # 入口 <router-link to="/detail/1">手机1</router-link> <router-link to="/detail/2">手机2</router-li 阅读全文

posted @ 2020-03-21 15:14 冲啊! 阅读(903) 评论(1) 推荐(0)

395 vue的 router-link-exact-active,router-link-active,入口导航菜单高亮处理案例

摘要: 点击导航 = 元素里添加了两个类 修改方式1 : 直接修改类的样式 修改方式2 : 使用存在过的类样式 = 修改默认高亮类名 03 高亮状态.html 04 高亮状态 精确匹配和模糊匹配.html 阅读全文

posted @ 2020-03-21 15:11 冲啊! 阅读(848) 评论(0) 推荐(0)

394 vue路由使用注意事项

摘要: 入口 最常用的入口 是 声明式导航 router link 组件 js const One = { template: } js One Two html Document ONE ONE TWO 阅读全文

posted @ 2020-03-21 15:07 冲啊! 阅读(209) 评论(0) 推荐(0)

393 vue路由介绍,路由的基本使用

摘要: 零、路由介绍 路由 : 是浏览器 URL 中的哈希值( # hash) 与 展示视图内容 之间的对应规则。 简单来说,路由就是一套映射规则(一对一的对应规则), 由开发人员制定规则. 当 URL 中的哈希值( # hash) 发生改变后,路由会根据制定好的规则, 展示对应的视图内容 为什么要学习路由 阅读全文

posted @ 2020-03-21 15:06 冲啊! 阅读(214) 评论(0) 推荐(0)

2020年3月20日

392 单页面应用程序概述

摘要: 单页面应用程序 SPA : Single Page Application MPA : Multiple Page Application 多页面应用程序 区别 单页面优势 : 1. 减少了请求体积,加快页面响应速度,降低了对服务器的压力 2. 更好的用户体验,让用户在 web app 感受 nat 阅读全文

posted @ 2020-03-20 09:03 冲啊! 阅读(203) 评论(0) 推荐(0)

391 vue $refs:vue获取组件、DOM元素

该文被密码保护。 阅读全文

posted @ 2020-03-20 08:45 冲啊! 阅读(5889) 评论(0) 推荐(0)

390 vue注册局部组件

摘要: Document 阅读全文

posted @ 2020-03-20 08:42 冲啊! 阅读(163) 评论(0) 推荐(0)

389 vue非父子之间通讯 ,事件总线 (event bus),$on注册,开关灯案例

摘要: 十二、非父子之间通讯 ( 组件 ⇒ 组件 ) (重点) 需求 : 组件 jack > 恁弄啥哩 > 组件 rose 事件总线bus用于管理事件, vuex用于管理数据状态。 是通过 事件总线 (event bus 公交车) 的机制 来实现的 事件总线 : 实际上就是一个 空Vue实例 可以实现任意两 阅读全文

posted @ 2020-03-20 08:39 冲啊! 阅读(369) 评论(0) 推荐(0)

388 vue 之 props: 只读,prop的大小写,prop的类型,prop的校验

摘要: 十、props 的特点 : 只读 演示验证 props 只读 传的是简单类型 : 修改会报错 传的复杂类型 (地址) : 修改不会报错,是因为地址没有变 ,测试 obj={}立马报错 【修改对象中的数据,不会修改对象的地址,但是修改对象的地址就报错。】 修改父组件传给子组件的数据 思路 : 把接收过 阅读全文

posted @ 2020-03-20 08:17 冲啊! 阅读(2759) 评论(0) 推荐(0)

387 vue保存属性的地方,单向数据流(组件与组件之间)

摘要: 八、目前为止保存属性的地方 1. data 2. 计算属性 3. props 九、单向数据流(组件与组件之间) 所有的 prop 都使得其父子 prop 之间形成了一个 : 父级 prop 的更新会向下流动到子组件中,但是反过来则不行。 这样会防止从子组件意外改变父级组件的状态【数据】,从而导致你的 阅读全文

posted @ 2020-03-20 07:50 冲啊! 阅读(250) 评论(0) 推荐(0)

386 vue组件通信:概述,父组件传递给子组件 (props),子组件传递给父组件($emit)

摘要: 五、组件通讯 (介绍) 导入 : 演示子组件访问父组件数据,发现报错 【父组件访问子组件数据,也报错】 组件是一个独立、封闭的个体 也就是说 : 默认情况下,组件中的数据, 只能在组件内部使用,无法直接在组件外部使用 可以将 vue 实例看做一个组件 对于组件之间需要相互使用彼此的情况,应该使用 组 阅读全文

posted @ 2020-03-20 07:49 冲啊! 阅读(336) 评论(0) 推荐(0)

385 组件:vue组件概述,组件化开发,组件的基本使用,组件的data是函数

摘要: 一、组件 组件可以看作是一些可复用的ui模块 小到一个标签 : <div>哈哈</div> 大到一个页面 :<div><div><div><div><div></div></div></div></div></div> 一个组件对应 一个实例 组件 Vue实例 == new Vue ( option 阅读全文

posted @ 2020-03-20 07:45 冲啊! 阅读(304) 评论(0) 推荐(0)

2020年3月18日

384 json-server, axios

摘要: 使用接口的形式发送数据 一 、json server 提供假数据接口 1. json server 作用 : 根据指定的 JSON 文件, 提供假数据接口 2. 地址 : "json server" 3. 使用步骤 js 1. 全局安装 json server : 2. 准备一个json数据 3. 阅读全文

posted @ 2020-03-18 12:45 冲啊! 阅读(265) 评论(0) 推荐(0)

2020年3月17日

383 Vue生命周期:挂载阶段,更新阶段,销毁阶段,钩子函数

摘要: Vue生命周期三大阶段 概述 第一个大阶段 : 挂载阶段 (4个钩子) 第 1 个小阶段 : 数据初始化 == msg : 测试信息 beforeCreate() 数据响应式之前调用 特点 : 无法获取到数据和事件 created() (★★★★★) 【created:重在操作数据,mounted: 阅读全文

posted @ 2020-03-17 16:29 冲啊! 阅读(1388) 评论(0) 推荐(0)

382 vue过滤器:全局过滤器,局部过滤器,moment 插件,过滤器参数,全局和局部的使用区别

摘要: 过滤器 1. 概念 vue 中的过滤器(filter) : 数据格式化 , 也就是说,让数据按照我们规定的一种格式输出 比如 : 对于日期来说,将日期格式化转化为 格式的过程 2. 全局过滤器 和 局部过滤器 说明 : 通过 全局方式创建的过滤器 ,在任何一个 Vue 实例中都可以使用 (一般情况下 阅读全文

posted @ 2020-03-17 08:21 冲啊! 阅读(781) 评论(0) 推荐(0)

381 vue 之 监听 watch:数据持久化,监听基本数据类型,监听对象,计算属性和watch的区别

摘要: 1、数据持久化 (本地存储) 1. 可以在数组的`增删改`, 都要保存一下, 比较繁琐 2. 监听数组的变化, 数组一旦发生变化, 在监听里面 保存一下(代码写一遍就可以了) vue 提供了一个监听器. TodoMVC 数据持久化 需求 : 将todoMVC中的数据, 保存到 本地存储中 (本地持久 阅读全文

posted @ 2020-03-17 08:16 冲啊! 阅读(1299) 评论(0) 推荐(0)

380 vue数据响应式问题:$set()

摘要: 1. 数据 : obj > name > 有值(zs) , 绑定: v-modle='obj.name' ==> ok 2. 在某个事件中, 直接添加属性,是不行的, this.$set() 处理 总结 : 1. 以后尽量先在data里声明好, 给一个初始值, 以后就可以正常使用了 2. 在一些第三 阅读全文

posted @ 2020-03-17 08:13 冲啊! 阅读(292) 评论(0) 推荐(0)

379 vue的异步 DOM 更新:nextTick

摘要: 1、Vue 中采用了 异步DOM更新 的机制 2、如何更新页面 数据发生改变后, vue 没有立即将数据的改变更新到视图中, 而是等到数据不再变化的时候 一次性的 将 数据的改变更新到视图中 // 1. 验证了 for (let i = 0; i < 1000; i++) { this.count+ 阅读全文

posted @ 2020-03-17 08:12 冲啊! 阅读(653) 评论(0) 推荐(0)

2020年3月15日

378 vue 之 事件修饰符,按键修饰符,v-if 和 v-show,计算属性 computed,key,条件渲染指令 v-else 和 v-else-if

摘要: 七、事件修饰符 01 事件修饰符.html 八、按键修饰符 记住 keyCode 太麻烦了 1. 只有在键盘事件中生活效, (keydown、keypress、 keyup) 2. 语法 : @keyup.enter='事件函数' .enter 就是一个按键修饰符, 意思就是当按回车的时候, 事件才 阅读全文

posted @ 2020-03-15 19:30 冲啊! 阅读(800) 评论(0) 推荐(0)

上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 36 下一页

导航