导读
vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。
Vuex核心概念
state
它是在store目录里的index.js里提供公共数据
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex……继续阅读 »
3周前 (11-12) 139浏览 4评论
13赞
导读
前端路由就是Hash地址与组件之间的对应关系。
前端路由的工作方式
用户点击了页面上的路由链接
导致了URL地址栏中的hash值发生了变化
前端路由监听到了hash地址的变化
前端路由把当前Hash地址对应的组件渲染到浏览器中
路由的基本用法
vue-router安装与配置
安装vue-router
npm i vue-router@3.5.2 ……继续阅读 »
4周前 (11-08) 131浏览 0评论
3赞
动态组件
动态组件指的是动态切换组件的显示与隐藏。vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染。
is
is属性的值，表示要渲染组件的名字，可以通过修改data里的值来进行动态渲染。
在App组件中使用的例子：
<component :is="flag"></component>
...……继续阅读 »
4周前 (11-06) 133浏览 0评论
2赞
生命周期
生命周期是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段。
生命周期函数
生命周期函数（比如beforeCreate)是由vue提供的内置函数，会伴随着组件的生命周期，自动按次序执行。强调的是一个时间点。
它有三个阶段，分别包含以下生命周期函数。
创建阶段
beforeCreate
created
beforeMoun……继续阅读 »
1个月前 (11-02) 223浏览 1评论
4赞
侦听器
watch侦听器可以监视数据变化。侦听器本质上是一个函数，要监视哪个数据的变化，就把数据名作为函数名。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-……继续阅读 »
1个月前 (11-01) 223浏览 0评论
0赞
vue的两个特性
数据驱动视图
vue会监听数据的变化，从而自动重新渲染页面的结构，数据驱动视图是单向的数据绑定。即vue帮我操作dom元素来渲染页面，开发者不用再操作dom了。
双向数据绑定
在网页中，form表单负责采集数据，ajax负责提交数据。
而vue呢，会在填写表单时，双向数据绑定可以辅助开发者在不操作dom的前提下，自动将用户填写的内容同步到数……继续阅读 »
1个月前 (10-21) 436浏览 4评论
1赞
