随笔分类 -  Vuejs

路由
摘要：介绍路由 路由 : 是浏览器 URL 中的哈希值( # hash) 与 展示视图内容 之间的对应规则 简单来说,路由就是一套映射规则(一对一的对应规则), 由开发人员制定规则.- 当 URL 中的哈希值( # hash) 发生改变后,路由会根据制定好的规则, 展示对应的视图内容 为什么要学习路由? 阅读全文
posted @ 2020-08-23 22:30 OliviaZhang 阅读(258) 评论(0) 推荐(0)
组件（重难点）
摘要：一 : 组件 组件可以看作是一些可复用的ui模块 小到一个标签 : <div>哈哈</div> 大到一个页面 :<div><div><div><div><div></div></div></div></div></div> 一个组件对应 一个实例 组件 Vue实例 == new Vue ( opti 阅读全文
posted @ 2020-08-23 09:49 OliviaZhang 阅读(116) 评论(0) 推荐(0)
过滤器
摘要：过滤器 概念 : vue 中的过滤器(filter) : 数据格式化 , 也就是说,让数据按照我们规定的一种格式输出 比如 : 对于日期来说,将日期格式化转化为 年-月-日 小时:分:秒 格式的过程 使用：1.先注册；2.再使用|（管道） 格式: 需要处理的数据 | 过滤器 // 直接显示 <h1> 阅读全文
posted @ 2020-08-19 23:27 OliviaZhang 阅读(57) 评论(0) 推荐(0)
Vue实例生命周期
摘要：生命周期介绍 vue 生命周期钩子函数 简单说 : 一个组件(实例) 从开始到最后消灭所经历的各种状态,就是一个组件(实例)的生命周期 生命周期钩子函数的定义 : 从组件被创建,到组件挂在到页面上运行,再到页面关闭组件被销毁,这三个阶段总是伴随着组件各种的事件,这些事件,统称为组件的生命周期函数 ( 阅读全文
posted @ 2020-08-19 23:24 OliviaZhang 阅读(45) 评论(0) 推荐(0)
数据双向绑定的原理
摘要：通过数据劫持来实现的 <input type="text" id="txt" /> 演示 : V ==> M //1. 拿到文本框const txt = document.getElementById('txt')//2. 时刻监听txt ,拿到最新的值txt.oninput = function( 阅读全文
posted @ 2020-08-19 13:50 OliviaZhang 阅读(52) 评论(0) 推荐(0)
MVC + MVVM
摘要：1. MVC MVC 是一种软件架构模式,也有人叫做设计模式 M : Model 数据模型 (专门用来操作数据,数据的 CRUD) V : View 视图 (对于前端来说,就是页面) C : Controller 控制器 (是视图和数据模型沟通的桥梁,用于处理业务逻辑) 看图 2. MVVM Vue 阅读全文
posted @ 2020-08-19 13:42 OliviaZhang 阅读(99) 评论(0) 推荐(0)