- 博客(9)
- 收藏
- 关注
RSS订阅原创 路由重定向与别名
vue-router 文章目录vue-router重定向案例组件路由配置别名404 重定向 有的时候，我们会根据某种需求对用户请求的页面进行重新定位 案例 现有一小说网站，提供了 男生频道 和 女生频道 的两个入口，用户首次进入页面的时候，会出现选择，并记住用户的选择，以后该用户进入网站直接根据记录的选择进入对应的频道 组件 // BookChoose.vue <template> <div> <router-link :to="{name: 'book
2020-10-05 08:09:53
337
原创 路由请求数据
vue-router 文章目录vue-router异步请求axios请求跨域vue.config.js跨域请求代理配置 异步请求 在实际的应用开发中，与后端交互，进行异步请求是很常见的需求 axios npm i axios 请求 // home.vue <template> <div class="home"> Home </div> </template> <script> import axios from 'axios'
2020-10-04 19:32:18
236
原创 vue-router
vue-router 文章目录vue-router路由vue-router 的安装Vue.use()创建路由对象router-view 组件 路由 当应用变得复杂以后，我们就需要通过一种便捷、高效的方式来管理应用，最常见的就是通过路由 路由：把 url 与 应用中的对应的组件进行关联，通过不同的 url 访问不同的组件 vue-router 的安装 npm i vue-router // OR yarn add vue-router Vue.use() 通过前面提到的 Vue.use 方法，把 vue-r
2020-10-04 19:30:44
97
原创 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
62
原创 vue-cli(脚手架)
vue-cli 文章目录vue-clivue-cli安装创建项目命令行方式创建项目基于浏览器图形界面方式创建项目运行打包项目目录结构文件说明 vue-cli https://cli.vuejs.org/zh/ vue-cli 是 vue 提供的一个用于自动化构建和开发项目的工具，也称为：脚手架，它是一系列工具的集合，它主要有： 根据配置选项自动构建项目，并安装所需要的依赖 启动一个本地开发服务器，通过这个服务器可以基于服务器环境访问本地项目，同时提供了跨域代理服务 项目的自动编译、打包 项目测试（单元测试
2020-09-22 19:27:00
1296
原创 钩子函数-生命周期
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
124
原创 vue-插件
Vue.js 文章目录Vue.js插件安装插件实例 插件 插件通常是用来给 vue 提供扩展功能的一种方式 给 Vue 添加属性和方法 给 Vue 实例 添加属性和方法 添加全局资源：指令、过滤器、组件等 添加配置选项 安装插件 通过全局方法 Vue.use() 使用插件。它需要在调用 new Vue() 启动应用之前完成 Vue.use(插件); 如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参
2020-09-22 19:25:09
78
原创 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
46
原创 vue
一、 v-if 根据表达式的值（布尔值），创建或销毁元素 适用于状态切换不频繁的情况 v-else 与 v-if 配合 **v-if 与 v-else 之间中间不能隔一个标签 data data：数据可以在当前模板中直接使 data中的数据命名不能使用例如（$ _ . ）开头 数据劫持： （1）数据驱动视图 1. 监听指定的数据 2. 指定的数据发生改变（set）/ 被获取时触发指定的方法（get） 3. 将新的数据渲染到页面上去 过滤器 全局过滤器： v
2020-09-20 19:54:41
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人