vue
从基础开始记录vue的各个过程,每个知识点都会有详细的介绍,以便于以后的查看
Joy Weijiao
一个小前端
展开
-
vue 之 组件 ( 重难点 )
组件(很重要很重要)一.组件组件可以看作是一些可复用的ui模块 小到一个标签 : <div>哈哈哈</div> 大到一个页面 : <div><div><div><div><div></div></div></div></div></div>...原创 2019-06-09 21:23:22 · 1520 阅读 · 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 · 312 阅读 · 0 评论 -
vue必备的生命周期函数
生命周期函数所有的vue组件,都是vue实例,一个组件对应一个实例,并且接收相同的选项对象(一些根实例特有的选项除外) 实例生命周期也叫:组件生命周期 组件 : 看做是一个个可复用的ui模块 组件本质上市一个vue实例 生命周期介绍简单说 : 一个组件(实例)从开始到最后消灭所经历的各种状态就是一个组件(实例)的生命周期 生命周期钩子函数的定义:从组件被创建,到组件挂在页...原创 2019-06-07 10:08:18 · 224 阅读 · 1 评论 -
vue 之 过滤器 filter
过滤器(filter)1.概念vue 中的过滤器(filter) :数据格式化 也就是说,让数据按照我们规定的一种格式输出 比如 : 对于日期来说,将日期格式转化为`年-月-日 小时:分:秒` 格式的过程// 直接显示<h1>{{ data }}</h1>显示 : 2019-06-05T16:43:23.490Z 不是我们想要的我们想要 :2019...原创 2019-06-05 17:01:37 · 177 阅读 · 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 · 1939 阅读 · 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 · 743 阅读 · 0 评论 -
vue (二) ---- 计算属性computed,事件修饰符,按键修饰符,v-if和v-show,条件渲染指令,其他指令
一.计算属性 computed说明: 计算属性本质也是一个属性如何使用:把计算属性方法computed 写起来像一个方法 用起来像一个属性特点:计算属性一定要有返回值,返回值才是计算属性最终的结果 计算属性可以使用data里存在的数据 (关键点)计算属性只会随着相关的数据变化而变化,相关的数据一发生变化,计算属性就会重新计算注意点:计算属性一定要有返回值 计算属性...原创 2019-06-03 21:47:42 · 1704 阅读 · 0 评论 -
vue (一) ---- vue介绍,数据双向绑定,指令学习
一.vue介绍1. 渐进式js框架 1. 渐进式 全家桶 : vue : 小项目 vue-touter : 页面越来越多 vuex : 管理复杂的数据 2.框架库: Lib 库就是一系列函数的集合,想完成什么就调用库中的某个方法 如:jquery ...原创 2019-06-01 20:22:33 · 1144 阅读 · 0 评论