乐胖代购免代理版

Vue实战狗尾草博客后台管理系统第三章

Vue实现狗尾草博客后台管理系统第三章本章节，咱们开发管理系统侧边栏及面包屑功能。先上一张效果图样式呢，作者前端初审，关于设计上毫无美感可言，大家可根据自己情况设计更好看的哦~ 侧边栏这里我们借助element的aslide侧边栏，直接使用。在components>commons下新建Aslide.vue，Header.vue组件。分别作为我们的侧边栏和头部组件。 Asli

vue

ide

菜单栏

侧边栏

ico

原创 2021-08-01 14:15:56 320 阅读

v-if和v-show的区别

v-if 是“真实”的条件渲染，因为它会确保条件块(conditional block)在切换的过程中，完整地销毁(destroy)和重新创建(re-create)条件块内的事件监听器和子组件。 v-if 是惰性的(lazy)：如果在初始渲染时条件为 false，它不会执行任何操作 - 在条件第一次

vue

转载 2021-07-20 18:09:31 506 阅读

vue运行原理

Vue工作原理小结本文能帮你做什么？ 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等，也难免存在一些问题，欢迎大家指正。不过这

vue

转载 2021-07-20 16:49:40 531 阅读

vue动态设置类名

门诊服务住院服务综合服务 19:00-20:00 20:00-21:00 21:00-22:00

vue

原创 2021-07-19 17:12:30 851 阅读

ESLint在vue中的使用

ESLint的用途 1.审查代码是否符合编码规范和统一的代码风格； 2.审查代码是否存在语法错误；中文网地址 http://eslint.cn/ 2.审查代码是否存在语法错误；中文网地址 http://eslint.cn/ 使用VSCode编译器在Vue项目中的使用在初始化项目时选择是否使用E

vue

原创 2021-07-19 17:12:16 1387 阅读

vuex总结

Vuex 什么是Vuex？官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。个人理解：Vuex是用来管理组件之间通信的一个插件为什么要用Vuex？我们知道组件之间是独立的，组件之

vue

vuex

原创 2021-07-19 17:01:04 127 阅读

vuex（一）mutations

前言：vuex的使用，想必大家也都知道，类似于状态库的东西，存储某种状态，共互不相干的两个组件之间数据的共享传递等。我会分开给大家讲解vuex的使用，了解并掌握vuex的核心(state,mutations,getters,actions). 首先，我们需要将vuex的安装依赖下载下来，npm in

vue

vuex

原创 2021-07-19 17:00:08 135 阅读

vuex（二）getters

getters：有时候，我们需要对state的数据进行筛选，过滤。这些操作都是在组件的计算属性进行的。如果多个组件需要用到筛选后的数据，那我们就必须到处重复写该计算属性函数；或者将其提取到一个公共的工具函数中，并将公共函数多处导入 - 两者都不太理想。如果把数据筛选完在传到计算属性里就不用那么麻烦

vue

vuex

原创 2021-07-19 16:59:54 200 阅读

vuex（三）actions

actions：既然mutations只能处理同步函数，我大js全靠‘异步回调’吃饭，怎么能没有异步，于是actions出现了... actions和mutations的区别 1.Actions 提交的是 mutations，而不是直接变更状态。也就是说，actions会通过mutations，让m

vue

vuex

原创 2021-07-19 16:59:42 179 阅读

vue-router（一）

vue路由再vue开发的项目中可以说是一个必用的组件，而这个部分的水却依旧很深，今天我们深入分析其内部的东西，先看这样一个效果：大家可以看到上图中，我们通过两种方式实现了一个vue路由跳转的过度动画医技页面的参数的传递。跳转方式及传参： vue跳转方式一共有三种：编程式跳转和router-li

vue

原创 2021-07-19 16:51:20 257 阅读

vue项目更改端口号

vue项目的默认端口为8080，有时候处于某些原因会造成端口号的冲突，因此需要我们适当的更改其端口号来解决问题，将上图中的port更改为合适的端口号就可以，但是需要注意的是浏览器的安全限制端口号详情见：https://www.cnblogs.com/bgwhite/p/9543177.html

vue

原创 2021-07-19 16:50:20 1827 阅读

vue中如何引入全局样式或方法

vue中我么会经常用到通用的一些全局的方法，如何左才能实现全局的复用减少代码累赘呢？我们一般将公用的方法分装再utils.js文件中，然后再main.js主入口文件中将utils.js中的公共的方法通过@import引入进来即可，或者我们通过再main.js中设置Vue.prototype.xxx

vue

原创 2021-07-19 16:49:25 722 阅读

vue-cli搭建及项目目录结构

今天总结一下vue的脚手架的搭建。很简单，今天我们就来说一下对于脚手架的具体搭建方法，我这里不在很详细的书写，具体方法我推荐菜鸟教程的方法，和具体，你一步一步的来就可以实现。链接地址：http://www.runoob.com/vue2/vue-install.html vue2.0脚手架的搭建

vue

原创 2021-07-19 16:48:57 410 阅读

vue中axios的深入使用

如上所示一条简单的请求数据，用到了vue中axios,promise,qs等等这里我将vue中用到的axios进行了封装方便日后使用先对工具类进行封装utils/axios.js: // 引入模块 import axios from "axios" import qs from 'qs' //

vue

axios

原创 2021-07-19 16:48:05 157 阅读

vue样式穿透

在一次这样的需求中，需要实现滑倒底部时自动请求数据，需要动态创建节点然后追加到某元素中，这期间遇到的问题就是在动态创建节点后，类名也已经加上了，但是样式就是没有生效，最后发现原因的产生竟然是<style scoped></style>中scoped属性该属性的作用是用来绑定当前样式不被污染，同时

vue

原创 2021-07-19 16:47:39 1362 阅读

移动端项目如何在手机上查看效果

很多时候我们需要在真机上调试，进行代码的维护修改，如何在手机上查看呢？我们拿vue来说， 1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号上图域名是我进行修改后的，大家打开后应该会默认显示localhost 2.window+R，输入cmd进入控制台，然后输入命

工具

vue

原创 2021-07-19 16:47:08 993 阅读

vue自定义指令v-scroll（directive）

vue开发中，很多地方如果说都用到了某一方法，我们就可以进行指令化封装，通过自定义指令来实现这里通过两个例子说明vue-Directive的使用 1.v-focus 主要用来实现页面加载进来的时候文本框自动获取焦点，因为原生的方法存在兼容问题，所以通过指令来解决后可以解决部分兼容问题实现如下：

vue

原创 2021-07-19 16:46:36 529 阅读

vue轮播图

vue开发中遇到这样一个需求实现导航栏和中间内容相结合实现页面滑动导航跟随改变的效果。看效果：这里我用的是vue所带的插件：vue-awesome-swiper，传送门：https://www.npmjs.com/package/vue-awesome-swiper 这个api纯英文，不过不是很难

vue

原创 2021-07-19 16:46:14 1043 阅读

vue中使用less

我们需要下载less对应的依赖包第一步：安装less依赖，npm install less less-loader --save 第二步：修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加如图：然后，我们就可以再style中通过

vue

原创 2021-07-19 16:45:56 462 阅读

vue-router(二)后代路由

关键字：router,children ,router-link,router-view,router-link-active 先理解什么是children？后代路由为某路由中用到router-view时，会默认加载的路由中的后代路由。 eg：这里通过点击切换tab实现动态切换路由先看目录结构

vue

原创 2021-07-19 16:39:52 278 阅读

vuex秘籍

vue项目开发中，大型项目一般vuex所需要存储的状态一般都很都，这时，我们便需要进性模块化划分，然后再页面中采用映射来实现state的调用：目录一般如下： store为总的状态库存放文件。 modules为状态库的模块化划分。 getters为所有的state中的变量的一个映射 index为v

vue

工具

原创 2021-07-19 16:39:34 146 阅读

vue实现简单评分效果

vue制作一个简单的评分效果，这里的星星我是采用两种图片来实现简单的思路就是判断当前点击的星星的下标是否小于等于一个变量，该变量有下标-1获得。

vue

原创 2021-07-19 16:38:23 536 阅读

vue中父子组件值的传递

父子组件值的传递

vue

原创 2021-07-19 16:30:33 259 阅读

vue之element-ui设置全局弹出框

Element-ui设置全局弹出框

vue

原创 2021-07-19 16:30:20 1337 阅读

vue之全局守卫

Vue路由全局守卫

vue

原创 2021-07-19 16:29:41 115 阅读

Vue之通过代理设置跨域访问

Vue config配置文件index 中代理设置

vue

原创 2021-07-19 16:29:13 317 阅读

Vue之拦截与响应拦截

Vue之路由拦截

vue

原创 2021-07-19 16:28:58 1359 阅读

Vue设置全局的方法和样式

Vue引入封装的方法和样式

vue

原创 2021-07-19 16:28:43 899 阅读

vue-route(三)后台管理路由配置

vue-route

vue

原创 2021-07-19 16:27:23 954 阅读

Vue2.0 less全局配置

Vue2.x less的全局配置

vue

原创 2021-07-19 16:27:06 836 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

18291907191的博客

Vue实战狗尾草博客后台管理系统第三章

v-if和v-show的区别

vue运行原理

vue动态设置类名

ESLint在vue中的使用

vuex总结

vuex（一）mutations

vuex（二）getters

vuex（三）actions

vue-router（一）

vue项目更改端口号

vue中如何引入全局样式或方法

vue-cli搭建及项目目录结构

vue中axios的深入使用

vue样式穿透

移动端项目如何在手机上查看效果

vue自定义指令v-scroll（directive）

vue轮播图

vue中使用less

vue-router(二)后代路由

vuex秘籍

vue实现简单评分效果

vue中父子组件值的传递

vue之element-ui设置全局弹出框

vue之全局守卫

Vue之通过代理设置跨域访问

Vue之拦截与响应拦截

Vue设置全局的方法和样式

vue-route(三)后台管理路由配置

Vue2.0 less全局配置

欢迎