
vue
那不是我的月亮a
这个作者很懒,什么都没留下…
展开
-
Vue基础
模板语法 mustache语法 双大括号语法 指令 Vue 指令 组件 作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM 以后我们不在像以前一样,先获取DOM,在操作了,我们现在可以直接使用指令来操作DOM 这个指令需要模板语法的支持,所以我们采用jsx语法糖 模板语法 模板语法支持性还是很高的,数据类型都是支持的,但是不支持...原创 2019-05-25 17:31:13 · 143 阅读 · 0 评论 -
Vue组件
数据请求 数据请求在前端开发中的使用有两种形式 使用原生javascript提供的数据请求 ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 ) fetch( 本身结合了Promise,并且已经做好了封装,可以直接使用 ) 使用格式: 使用别人封装好的第三方库 目前最流行的,使用率最高的是 axios vue中我们最常使用的 vue ...原创 2019-05-25 17:36:55 · 168 阅读 · 0 评论 -
初识vue
1. 前端框架的发展历史 前端工程师( 攻城狮 ) 12. html css + div 13. js 加入 jquery 14. MVC angular1.0 react / vue14年2月正式发布 15. vue / 衍生:2016年9月21日,微信小程序正式开启内测。 2017年1月9日0点,万众瞩目的微信第一批小程序正式上线,用户可以体验到各种各样小程序提供的服务 2. Vu...原创 2019-05-22 21:39:08 · 202 阅读 · 0 评论 -
Vue组件的使用
Vue.js通过Vue.extend() 方法来扩展组件的使用 <div id="app"> <Hello></Hello> </div> //1. 组件的配置项 const Hello = Vue.extend({ template: '<div> Hello component!!! </div&g...原创 2019-05-28 21:30:00 · 229 阅读 · 0 评论 -
Vue生命周期
先放一张官网生命周期图: 1. 生命是生命周期呢? 当前组件在创建到销毁经历的一系列过程,称之为生命周期 2. 生命周期的分为几个阶段?每个阶段有哪些钩子函数 生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁 初始化阶段:有4个钩子函数 , 触发条件是自动的 beforeCreate 1. 组件即将创建,进行组件事件和生命周期的初始化 2. 项目中一般不...原创 2019-05-28 22:30:50 · 135 阅读 · 0 评论 -
slot插槽、transition动画、filter过滤器
slot 插槽 作用: 可以让我们在组件中书写内容 <div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </footer> </...原创 2019-05-29 22:03:33 · 335 阅读 · 0 评论 -
vuex
状态管理(vuex) store(集中式的存储管理) 什么时候用: 打算开发中大型应用 集中式数据管理, 一处修改,多处使用 思维流程: store.js this.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutations ...原创 2019-06-10 14:51:43 · 179 阅读 · 0 评论 -
vue-router
Router SPA ( single page App ) 单页面应用 多页面应用 有多个html文件,通过a标签的连接联通各个页面 缺点 开发起来太冗余,编译、压缩很耗时间 页面之间的跳转速度太慢 单页面应用 不需要刷新页面,因为它就是一个页面 这个页面内容在切换 单页面内容之间的切换要想实现我们就是用路由了 如今我们的app主要的开发形式就是spa vue路由功能 ...原创 2019-06-10 14:52:54 · 161 阅读 · 0 评论