随笔分类 - VUE 2.0
摘要:路由 前端路由的概念与原理 什么是路由 路由(英文:router)就是对应关系。 SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。 结论:在 SPA 项目中,不同功能
阅读全文
摘要:动态组件 & 插槽 & 自定义指令 动态组件 什么是动态组件 动态组件指的是动态切换组件的显示与隐藏。 如何实现动态组件渲染 vue 提供了一个内置的<component>组件,专门用来实现动态组件的渲染。示例代码如下: 使用 keep-alive 保持状态 默认情况下,切换动态组件时无法保持组件的
阅读全文
摘要:生命周期 & 数据共享 组件的生命周期 生命周期 & 生命周期函数 生命周期(Life Cycle)是指一个组件从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。 生命周期函数:是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。 注意:生命周期强调的是时间段,生命
阅读全文
摘要:vue 基础入门 watch 侦听器 什么是 watch 侦听器 watch 侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。 语法格式如下: 使用 watch 检测用户名是否可用 监听 username 值的变化,并使用 axios 发起 Ajax 请求,检测当前输入的用户名是否可
阅读全文
摘要:vue 基础入门 vue 简介 什么是 vue 官方给出的概念:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的前端框架。 vue 的特性 vue 框架的特性,主要体现在如下两方面: ① 数据驱动视图 ② 双向数据绑定 1、数据驱动视图 在使用了 vue 的页面中,vue
阅读全文
摘要:前端工程化与 webpack 前端工程化 小白眼中的前端开发 vs 实际的前端开发 会写 HTML + CSS + JavaScript 就会前端开发 需要美化页面样式,就拽一个 bootstrap 过来 需要操作 DOM 或发起 Ajax 请求,再拽一个 jQuery 过来 需要快速实现网页布局效
阅读全文