• Vuex
  • Vue2 路由
  • Vue2 动态组件、插槽以及自定义指令
  • Vue2 生命周期与数据共享
JS

Vuex

Vuex
导读 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
Vue

Vue2 路由

Vue2 路由
导读 前端路由就是Hash地址与组件之间的对应关系。 前端路由的工作方式 用户点击了页面上的路由链接 导致了URL地址栏中的hash值发生了变化 前端路由监听到了hash地址的变化 前端路由把当前Hash地址对应的组件渲染到浏览器中 路由的基本用法 vue-router安装与配置 安装vue-router npm i vue-router@3.5.2 ……继续阅读 »
4周前 (11-08) 131浏览 0评论 3
Vue

Vue2 动态组件、插槽以及自定义指令

Vue2 动态组件、插槽以及自定义指令
动态组件 动态组件指的是动态切换组件的显示与隐藏。vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 is is属性的值,表示要渲染组件的名字,可以通过修改data里的值来进行动态渲染。 在App组件中使用的例子: <component :is="flag"></component> ...……继续阅读 »
4周前 (11-06) 133浏览 0评论 2
Vue

Vue2 生命周期与数据共享

Vue2 生命周期与数据共享
生命周期 生命周期是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段。 生命周期函数 生命周期函数(比如beforeCreate)是由vue提供的内置函数,会伴随着组件的生命周期,自动按次序执行。强调的是一个时间点。 它有三个阶段,分别包含以下生命周期函数。 创建阶段 beforeCreate created beforeMoun……继续阅读 »
1个月前 (11-02) 223浏览 1评论 4
Vue

Vue2 初识

Vue2 初识
vue的两个特性 数据驱动视图 vue会监听数据的变化,从而自动重新渲染页面的结构,数据驱动视图是单向的数据绑定。即vue帮我操作dom元素来渲染页面,开发者不用再操作dom了。 双向数据绑定 在网页中,form表单负责采集数据,ajax负责提交数据。 而vue呢,会在填写表单时,双向数据绑定可以辅助开发者在不操作dom的前提下,自动将用户填写的内容同步到数……继续阅读 »
1个月前 (10-21) 436浏览 4评论 1