Vue2 路由

Vue2 路由

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

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

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

动态组件 动态组件指的是动态切换组件的显示与隐藏。vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 is is属性的值,表示要渲染组件的名字,可以通过修改data里的值来进行动态渲染。 在App组件中使用的例子: <component :is="flag"></component> ...……

Vue2 生命周期与数据共享

Vue2 生命周期与数据共享

生命周期 生命周期是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段。 生命周期函数 生命周期函数(比如beforeCreate)是由vue提供的内置函数,会伴随着组件的生命周期,自动按次序执行。强调的是一个时间点。 它有三个阶段,分别包含以下生命周期函数。 创建阶段 beforeCreate created beforeMoun……

Vue2 侦听器、计算属性以及组件

Vue2 侦听器、计算属性以及组件

侦听器 watch侦听器可以监视数据变化。侦听器本质上是一个函数,要监视哪个数据的变化,就把数据名作为函数名。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-……

Vue2 初识

Vue2 初识

vue的两个特性 数据驱动视图 vue会监听数据的变化,从而自动重新渲染页面的结构,数据驱动视图是单向的数据绑定。即vue帮我操作dom元素来渲染页面,开发者不用再操作dom了。 双向数据绑定 在网页中,form表单负责采集数据,ajax负责提交数据。 而vue呢,会在填写表单时,双向数据绑定可以辅助开发者在不操作dom的前提下,自动将用户填写的内容同步到数……