- 博客(9)
- 收藏
- 关注
RSS订阅原创 路由重定向与别名
vue-router文章目录vue-router重定向案例组件路由配置别名404重定向有的时候，我们会根据某种需求对用户请求的页面进行重新定位案例现有一小说网站，提供了 男生频道 和 女生频道 的两个入口，用户首次进入页面的时候，会出现选择，并记住用户的选择，以后该用户进入网站直接根据记录的选择进入对应的频道组件// BookChoose.vue<template> <div> <router-link :to="{name: 'book
2020-10-05 08:09:53
449
原创 路由请求数据
vue-router文章目录vue-router异步请求axios请求跨域vue.config.js跨域请求代理配置异步请求在实际的应用开发中，与后端交互，进行异步请求是很常见的需求axiosnpm i axios请求// home.vue<template> <div class="home"> Home </div></template><script>import axios from 'axios'
2020-10-04 19:32:18
358
原创 vue-router
vue-router文章目录vue-router路由vue-router 的安装Vue.use()创建路由对象router-view 组件路由当应用变得复杂以后，我们就需要通过一种便捷、高效的方式来管理应用，最常见的就是通过路由路由：把 url 与 应用中的对应的组件进行关联，通过不同的 url 访问不同的组件vue-router 的安装npm i vue-router// ORyarn add vue-routerVue.use()通过前面提到的 Vue.use 方法，把 vue-r
2020-10-04 19:30:44
145
原创 2020-09-24
组件切换v-if的方式来切换视图: 创建和销毁，(导致组件的状态不能留存)<Inbox v-if="isShow ==='InBox'"></Inbox><two v-if="isShow ==='two'"></two><three v-if="isShow ==='three'"></three> v-show的方式切换组件： 显示和隐藏，没有办法操作DOM结构 <Inbox v-show="isShow =
2020-09-24 10:19:08
109
原创 vue-cli(脚手架)
vue-cli文章目录vue-clivue-cli安装创建项目命令行方式创建项目基于浏览器图形界面方式创建项目运行打包项目目录结构文件说明vue-clihttps://cli.vuejs.org/zh/vue-cli 是 vue 提供的一个用于自动化构建和开发项目的工具，也称为：脚手架，它是一系列工具的集合，它主要有：根据配置选项自动构建项目，并安装所需要的依赖启动一个本地开发服务器，通过这个服务器可以基于服务器环境访问本地项目，同时提供了跨域代理服务项目的自动编译、打包项目测试（单元测试
2020-09-22 19:27:00
1366
原创 钩子函数-生命周期
Vue.js文章目录Vue.js组件生命周期创建阶段beforeCreate()created()挂载阶段beforeMount()mounted()更新阶段beforeUpdate()updated()卸载阶段beforeDestroy()destroyed()errorCaptured()ref 与 $refsref$refsnextTick[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-46KqKMt3-1600773945596)(assets/lifecycle.
2020-09-22 19:25:59
180
原创 vue-插件
Vue.js文章目录Vue.js插件安装插件实例插件插件通常是用来给 vue 提供扩展功能的一种方式给 Vue 添加属性和方法给 Vue 实例 添加属性和方法添加全局资源：指令、过滤器、组件等添加配置选项安装插件通过全局方法 Vue.use() 使用插件。它需要在调用 new Vue() 启动应用之前完成Vue.use(插件);如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参
2020-09-22 19:25:09
134
原创 vue动画
Vue.js文章目录Vue.js动画CSSJavaScriptvue 中的动画处理动画生命周期transition 组件过渡类名动画在 vue 中给组件或元素添加动画的方式可以分为多种，但总体无非还是通过 css 和 JavaScript 来进行处理CSS通过 css 添加动画的方式特别的简单，只需要利用 css 中的 transition 就可以做到<!DOCTYPE html><html lang="en"><head> <meta ch
2020-09-22 19:22:48
88
原创 vue
一、v-if 根据表达式的值（布尔值），创建或销毁元素适用于状态切换不频繁的情况v-else 与 v-if 配合**v-if 与 v-else 之间中间不能隔一个标签datadata：数据可以在当前模板中直接使 data中的数据命名不能使用例如（$ _ . ）开头数据劫持：（1）数据驱动视图 1. 监听指定的数据 2. 指定的数据发生改变（set）/ 被获取时触发指定的方法（get） 3. 将新的数据渲染到页面上去过滤器全局过滤器： v
2020-09-20 19:54:41
168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人