![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
cfr1994
这个作者很懒,什么都没留下…
展开
-
组件的通信
组件的通信 为什么要进行组件通信? 组件是一个聚合体,将来项目要合并,那么各个组件之间必然需要建立联系,这个联系就是数据通信 data选项为什么是一个函数? 组件是一个聚合体,也是一个整体,它需要一个独立的作用空间,也就是它的数据需要是独立的,目前js的最大特点是函数式编程,而函数恰好提供了一个独立作用域,所以我们data在出根组件外都是函数 为什么data函数需要返回一个返回值,返回值还是对...原创 2019-11-05 21:22:05 · 153 阅读 · 0 评论 -
Vue基础四(上)
组件 前端组件化发展历史 前后端耦合 前后端不分离项目 找后台搭建项目开发环境 寻找项目目录中的静态资源目录 同步修改css 前后端分离 前端团队合作项目 组件化为了解决多人协作冲突问题 复用 组件的概念 组件是一个 html、css、js、img 等的一个聚合体 组件中的 options 大体上和Vue中的 options 是一致的 即 data / methods...原创 2019-11-05 17:50:44 · 173 阅读 · 0 评论 -
自定义指令和自定义事件
自定义指令初识 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,如下: 当页面加载时,该元素将获得焦点 (注意:autofocus 在移动版 Safari 上不工作)。事实上,只要...原创 2019-10-24 21:54:38 · 751 阅读 · 0 评论 -
Vue基础四(下)
插槽(slot) 1. 普通插槽 <body> <div id="app"> <Hello> <p> 你好 </p> </Hello> <!-- 正常情况下p标签并不显示在页面,因为hello会被解析为模板,里面的被忽略 --> </div> <template id...原创 2019-10-24 21:25:51 · 116 阅读 · 0 评论 -
Vue基础三(下)
计算属性 computed 是Vue中的一个选项原创 2019-10-24 17:30:32 · 90 阅读 · 0 评论 -
Vue基础三(上)
axios && fetch 是在框架中使用数据请求 回顾 Ajax封装 - GET function $get(url, data) { if (typeof data === 'object') { url += "?time=" + Date.now(); for (var i in data) { url...原创 2019-10-22 21:47:58 · 109 阅读 · 0 评论 -
Vue基础二(下)
Vue基础二(下) 指令 指令的目的:操作DOM 解释:MVVM vm -> v 数据驱动 不直接操作DOM,而是操作数据,数据要想操控DOM,需要指令,因为指令是直接绑定在DOM身上的 1. v-html - 转义输出,也就是可以解析 xml 数据 2. v-text - 非转义输出,也就是无法解析 xml 类型数据 3. 条件渲染 - v-if - v-else-...原创 2019-10-18 18:47:41 · 148 阅读 · 0 评论 -
Vue基础二(上)
Vue基础二(上) 1. 面试 vue数据驱动原理是什么? vue双向数据绑定原理是什么? vue深入响应式原理是什么? 深入响应式指的就是数据驱动 底层实现 - es5特性 -> Object.definePropty <body> <div id="box"></div> <button> 修改数据 </button...原创 2019-10-18 11:53:32 · 78 阅读 · 0 评论 -
Vue基础一
Vue基础一 1. 前端开发流程规范 - 目录构建规范 - 命名原则 - 简洁明了 * src 源代码 * img 图片资源 * js JavaScript脚本 * dep 第三方依赖包 - 不使用复数 * imgs / docs - 根目录(root)结构按职能划分 - src 源代码(逻辑) - doc 文档 - dep 第...原创 2019-10-17 17:00:18 · 87 阅读 · 0 评论