标签 Vue2 下的文章

前端路由的概念与原理路由（router）就是对应关系SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这位一的一个页面内完成；此时，不同组件之间的切换需要通过前端路由来实现在 SPA 项目中，不同的功能之间的切换，要依赖于前端路由来完成前端路由就是 Hash 地址与组件之间的对应关系前端路由的工作方式用户点击了页面的路由链接导致了 URL 地址栏中 Hash 值发生了变化前端路由监听到了 Hash 地址的变化前端路由把当前 Hash 地址对应的组件渲染到浏览器中前端路由就是 Hash 地址与组件之间的对应关系实现简单的前端路由步骤1...

动态组件动态的切换组件的显示与隐藏vue 提供了一个内置的 <component> 组件，专门用来实现动态组件的渲染：<-- 2. 通过 is 属性，动态指定要渲染的组件 --> <component :is="comName = 'Left'"></component> <-- 3. 点击按钮，动态切换组件的名称 --> <button @click="comName = 'Left'">展示 Left 组件</button> <button @click...

组件的生命周期生命周期 & 生命周期函数生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个过程，强调的是一个时间段生命周期函数是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次执行生命周期强调的是时间段，生命周期函数强调的是时间点组件生命周期函数的分类生命周期图示组件之间的数据共享组件之间关系组件之间最常见的关系分为以下两种：父子关系兄弟关系父组件向子组件共享数据父组件向子组件共享数据需要使用自定义属性：// 父组件 <Son :msg="message" :user="userinfo&quo...

watch 侦听器watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作const vm = new Vue({ el: '#app', data: { username: '' }, watch: { // 监听 username 的变化 // newVal 是 “变化后的新值”，oldVal 是 “变化之前的旧值” username(newVal, oldVal) { console.log(newVal, oldVal) } ...

vue 简介什么是 vue官方解释：Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的前端框架1. 构建用户界面用 vue 往 html 页面中填充数据2. 框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能学习 vue ，就是在学习 vue 框架中规定的用法vue 的指令、组件（对UI结构的复用）、路由、Vuex、vue组件库vue 的特性1. 数据驱动试图在使用了 vue 的页面中，vue会监听数据的变化，从而自动重新渲染页面结构好处：当页面发生数据变化时，页面会自动重新渲染注意：数据驱动视图是单项的数据绑定2. 双向数据绑定在填写表单时...