
vue
从基础开始记录vue的各个过程,每个知识点都会有详细的介绍,以便于以后的查看
Joy Weijiao
一个小前端
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue 之 组件 ( 重难点 )
组件(很重要很重要) 一.组件 组件可以看作是一些可复用的ui模块 小到一个标签 : <div>哈哈哈</div> 大到一个页面 : <div><div><div><div><div></div></div></div></div></div>...原创 2019-06-09 21:23:22 · 1622 阅读 · 0 评论 -
vue 之 json-server 和 axios
一. json-server 作用 : 根据json文件,开启一个服务器,提供数据接口 安装 : nom i json-server -g 使用 :在终端输入 json-server json文件路径 遵循 REST API 获取 get 添加 post 删除 delete 修改 put / patch 二. axios 发送aja...原创 2019-06-08 17:37:45 · 369 阅读 · 0 评论 -
vue必备的生命周期函数
生命周期函数 所有的vue组件,都是vue实例,一个组件对应一个实例,并且接收相同的选项对象(一些根实例特有的选项除外) 实例生命周期也叫:组件生命周期 组件 : 看做是一个个可复用的ui模块 组件本质上市一个vue实例 生命周期介绍 简单说 : 一个组件(实例)从开始到最后消灭所经历的各种状态就是一个组件(实例)的生命周期 生命周期钩子函数的定义:从组件被创建,到组件挂在页...原创 2019-06-07 10:08:18 · 312 阅读 · 1 评论 -
vue 之 过滤器 filter
过滤器(filter) 1.概念 vue 中的过滤器(filter) :数据格式化 也就是说,让数据按照我们规定的一种格式输出 比如 : 对于日期来说,将日期格式转化为`年-月-日 小时:分:秒` 格式的过程 // 直接显示 <h1>{{ data }}</h1> 显示 : 2019-06-05T16:43:23.490Z 不是我们想要的 我们想要 :2019...原创 2019-06-05 17:01:37 · 239 阅读 · 0 评论 -
vue (三) ---- 异步DOM更新,$set,监听器watch过滤器,以及生命周期初识
一.异步DOM更新 DOM更新是异步的 如果真的想获取dom中的数据: 延时器 this.$nextTick( ( )=>{ 获取 } ) DOM更新完成之后,自动回调 一次性更新的问题 数据不是以改变就会更新DOM,而是数据不变了,一次性改变的 二.$set 如果数据data里没有数据obj:{ } ,没有name属性,但是直接加了this.obj.name= '春' ...原创 2019-06-05 15:25:13 · 2079 阅读 · 0 评论 -
vue 小练习之 todos(土豆丝)
第二天 TODOMVC 一 : 准备工作 vue-TodoMVC 演示效果 : 当前任务:敲代码、视频、游戏 下载模板地址 git clone https://github.com/tastejs/todomvc-app-template.git 安装依赖包 : npm i 二 : 配置 vue 安装 vue : npm i...原创 2019-06-03 21:51:41 · 822 阅读 · 0 评论 -
vue (二) ---- 计算属性computed,事件修饰符,按键修饰符,v-if和v-show,条件渲染指令,其他指令
一.计算属性 computed 说明: 计算属性本质也是一个属性 如何使用: 把计算属性方法computed 写起来像一个方法 用起来像一个属性 特点: 计算属性一定要有返回值,返回值才是计算属性最终的结果 计算属性可以使用data里存在的数据 (关键点)计算属性只会随着相关的数据变化而变化,相关的数据一发生变化,计算属性就会重新计算 注意点: 计算属性一定要有返回值 计算属性...原创 2019-06-03 21:47:42 · 1771 阅读 · 0 评论 -
vue (一) ---- vue介绍,数据双向绑定,指令学习
一.vue介绍 1. 渐进式js框架 1. 渐进式 全家桶 : vue : 小项目 vue-touter : 页面越来越多 vuex : 管理复杂的数据 2.框架 库: Lib 库就是一系列函数的集合,想完成什么就调用库中的某个方法 如:jquery ...原创 2019-06-01 20:22:33 · 1210 阅读 · 0 评论