自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 组件的通信

组件的通信为什么要进行组件通信?组件是一个聚合体,将来项目要合并,那么各个组件之间必然需要建立联系,这个联系就是数据通信data选项为什么是一个函数?组件是一个聚合体,也是一个整体,它需要一个独立的作用空间,也就是它的数据需要是独立的,目前js的最大特点是函数式编程,而函数恰好提供了一个独立作用域,所以我们data在出根组件外都是函数为什么data函数需要返回一个返回值,返回值还是对...

2019-11-05 21:22:05 198

原创 Vue基础四(上)

组件前端组件化发展历史前后端耦合前后端不分离项目找后台搭建项目开发环境寻找项目目录中的静态资源目录同步修改css前后端分离前端团队合作项目组件化为了解决多人协作冲突问题复用组件的概念组件是一个 html、css、js、img 等的一个聚合体组件中的 options 大体上和Vue中的 options 是一致的即 data / methods...

2019-11-05 17:50:44 211

原创 自定义指令和自定义事件

自定义指令初识除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,如下:当页面加载时,该元素将获得焦点 (注意:autofocus 在移动版 Safari 上不工作)。事实上,只要...

2019-10-24 21:54:38 824

原创 Vue基础四(下)

插槽(slot)1. 普通插槽<body> <div id="app"> <Hello> <p> 你好 </p> </Hello> <!-- 正常情况下p标签并不显示在页面,因为hello会被解析为模板,里面的被忽略 --> </div> <template id...

2019-10-24 21:25:51 156

原创 Vue基础三(下)

计算属性computed 是Vue中的一个选项

2019-10-24 17:30:32 121

原创 Vue基础三(上)

axios && fetch是在框架中使用数据请求回顾Ajax封装- GETfunction $get(url, data) { if (typeof data === 'object') { url += "?time=" + Date.now(); for (var i in data) { url...

2019-10-22 21:47:58 136

原创 mongoose

mongoose操作数据库

2019-10-18 20:35:12 199

原创 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 186

原创 Mongodb

回顾数据库(Database)按照数据结构来组织、管理和存储数据的仓库数据库分类关系型数据库代表: Access,mySql,SqlServer,oracle,db2非关系型数据库代表: MongoDB,Redis,HBase,CouchDB两个类型数据库的区分是否有表非关系型数据库的优势性能NOSQL是基于键值对的,可以想象成表中的主键和值...

2019-10-18 12:34:38 146

原创 Vue基础二(上)

Vue基础二(上)1. 面试vue数据驱动原理是什么?vue双向数据绑定原理是什么?vue深入响应式原理是什么?深入响应式指的就是数据驱动底层实现 - es5特性 -> Object.definePropty<body> <div id="box"></div> <button> 修改数据 </button...

2019-10-18 11:53:32 111

原创 Vue基础一

Vue基础一1. 前端开发流程规范 - 目录构建规范 - 命名原则 - 简洁明了 * src 源代码 * img 图片资源 * js JavaScript脚本 * dep 第三方依赖包 - 不使用复数 * imgs / docs - 根目录(root)结构按职能划分 - src 源代码(逻辑) - doc 文档 - dep 第...

2019-10-17 17:00:18 125

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除