Vue.js
xy1677707153
这个作者很懒,什么都没留下…
展开
-
初识Vue
初识Vue.js(day1) 1.vue是渐进式JavaScript框架 当我们第一次通过script标签对引入vue.js时,我们就会有一个全局变量 Vue Vue它是一个构造器函数 Vue( options ) this._init( options ) //在初始化执行vue,这里的this._init是私有的 参数: options 我们称之为‘ 选项...转载 2019-08-20 17:41:48 · 142 阅读 · 0 评论 -
Vue(day3)axios、fetch语法、computed与watched、组件(重要)
Vue基础(Day3) 3.1 axios && fetch 目的: 是在框架中使用数据请求 回顾: 1. 封装ajax 2. jquery 【 $$.get $$ .post $$.ajax $$ .load 】 框架: 数据请求 使用原生js提供的fetch 使用第三方封装库: axios(上bootCDN上复制script链接即可...转载 2019-08-25 19:02:02 · 475 阅读 · 1 评论 -
Vue(day4)父子及子父组件通信、slot插槽使用、过渡效果、过滤器、自定义指令
Vue基础4 4.0 组件的通信 【 王者 】 为什么要进行组件通信? 组件是一个聚合体,将来项目要合并,那么必然各个组件之间需要建立联系,这个联系就是数据通信 分类 父子组件通信 理解: data选项为什么是一个函数? 组件是一个聚合体,也是一个整体,它需要一个独立的作用空间,也就是它的数据需要是独立的,目前js的最大特点是函数式编程,而函数恰好提供了一个独立作用域,所以我...转载 2019-08-25 19:28:40 · 180 阅读 · 0 评论 -
Vue指令、v-bind、条件列表渲染、事件修饰、表单绑定(day2)
Vue.js 一、Vue基础 Vue基础1 1.0 前端开发流程规范 前端开发流程规范 1.1 前端框架发展历史 html html [1990]----> html5 [2008.1.12] css css 1.0 1996 css 2.0 1998 css 3.0 2001 EcmaScript 1997年诞生 2015 EcmaScrip...转载 2019-08-21 21:13:36 · 973 阅读 · 0 评论 -
生命周期
生命周期 为什么要有生命周期? Vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能,方便我们更好的去控制组件 Vue的生命周期分为三个阶段,8个钩子函数 所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。...转载 2019-09-01 18:42:55 · 203 阅读 · 0 评论 -
cli的认识和使用
cli的认识和使用 vue项目的快速构建工具 cli 【 脚手架 】 底层 webpack 在市场上 cli2 【 扩展 】 cli3 【 大纲 】 什么是cli? cli是vue提供的一个用来快速构建项目环境的一个工具,底层使用的是webpack cli目前有哪些版本? cli2 cli3 cli3对电脑的配置有一定要求 cli如何使用? cli的安装 【 推...转载 2019-09-01 19:17:27 · 2049 阅读 · 0 评论 -
Webpack认识及使用
Webpack认识及使用 了解webpack在前端开发当中的一个重要性 了解webpack版本信息 webpack基本配置 如何使用webpack配置项目 掌握程度: <= webpack 30% 一、前端工程化工具 也叫: 自动化工具 grunt gulp ( 4.x ) Browserify ( Webpack 前身 ) Webpack 【 主流行 】 roll...转载 2019-09-01 19:23:32 · 144 阅读 · 0 评论 -
vue-router使用及路由守卫(重要)
Vue高级 - vue-router SPA ( single page App ) 单页面应用 多页面应用 有多个html文件,通过a标签的连接联通各个页面 缺点 开发起来太冗余,编译、压缩很耗时间 页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏 单页面应用 不需要刷新页面,因为它就是一个页面 这个页面内容在切换 单页面内容之间的切换要想实现我们就是用路由了 如...转载 2019-09-01 19:28:11 · 1550 阅读 · 0 评论