冲啊！ - 博客园

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)

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)

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)

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)

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)

导航

公告