Vue
关注
分享
扫一扫
cfr1994
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
组件的通信
组件的通信为什么要进行组件通信？组件是一个聚合体，将来项目要合并，那么各个组件之间必然需要建立联系，这个联系就是数据通信data选项为什么是一个函数？组件是一个聚合体，也是一个整体，它需要一个独立的作用空间，也就是它的数据需要是独立的，目前js的最大特点是函数式编程，而函数恰好提供了一个独立作用域，所以我们data在出根组件外都是函数为什么data函数需要返回一个返回值，返回值还是对...原创 2019-11-05 21:22:05 · 199 阅读 · 0 评论 -
Vue基础四（上）
组件前端组件化发展历史前后端耦合前后端不分离项目找后台搭建项目开发环境寻找项目目录中的静态资源目录同步修改css前后端分离前端团队合作项目组件化为了解决多人协作冲突问题复用组件的概念组件是一个 html、css、js、img 等的一个聚合体组件中的 options 大体上和Vue中的 options 是一致的即 data / methods...原创 2019-11-05 17:50:44 · 212 阅读 · 0 评论 -
自定义指令和自定义事件
自定义指令初识除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，如下：当页面加载时，该元素将获得焦点 (注意：autofocus 在移动版 Safari 上不工作)。事实上，只要...原创 2019-10-24 21:54:38 · 827 阅读 · 0 评论 -
Vue基础四（下）
插槽（slot）1. 普通插槽<body> <div id="app"> <Hello> <p> 你好 </p> </Hello> <!-- 正常情况下p标签并不显示在页面，因为hello会被解析为模板，里面的被忽略 --> </div> <template id...原创 2019-10-24 21:25:51 · 157 阅读 · 0 评论 -
Vue基础三（下）
计算属性computed 是Vue中的一个选项原创 2019-10-24 17:30:32 · 122 阅读 · 0 评论 -
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 · 137 阅读 · 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 · 188 阅读 · 0 评论 -
Vue基础二（上）
Vue基础二（上）1. 面试vue数据驱动原理是什么？vue双向数据绑定原理是什么？vue深入响应式原理是什么？深入响应式指的就是数据驱动底层实现 - es5特性 -> Object.definePropty<body> <div id="box"></div> <button> 修改数据 </button...原创 2019-10-18 11:53:32 · 111 阅读 · 0 评论 -
Vue基础一
Vue基础一1. 前端开发流程规范 - 目录构建规范 - 命名原则 - 简洁明了 * src 源代码 * img 图片资源 * js JavaScript脚本 * dep 第三方依赖包 - 不使用复数 * imgs / docs - 根目录（root）结构按职能划分 - src 源代码（逻辑） - doc 文档 - dep 第...原创 2019-10-17 17:00:18 · 125 阅读 · 0 评论