saber的博客

Vue开发中实用方法总结

vuex 模块化笔记

ps: 以下改变element-ui默认的样式时都不能加scoped，可以加一个唯一前缀避免污染全局样式改变默认样式都可以通过打开控制台查看层级和类名进行更改el-table相关1. 改变hover时表格的背景颜色 .el-table .el-table__body-wrapper .el-table__body tr.el-table__row:hover > td{ ...

父组件向子组件传值直接在子组件中通过props来接收父组件：<template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png" /> <HelloWorld :obj1="obj" :mes1="mes"></HelloWorld>...

学习Vue的时候，Vuex是其中必不可缺的一个知识点，在学习之后，发现Vuex其实也挺简单很容易上手，接下来就讲解一下如何在Vue-cli3.0中使用Vuex:本示例的代码博主已经上传到github,如果有需要可以拉下来：...

记得博主第一次看生命周期钩子官方API时，第一印象是，讲的非常详细、条理清晰，但是博主还是没完全搞懂，于是经过自己的学习之后通俗易懂的总结一下：首先，先上一张官方生命周期图示  博主写了一个小demo，通过这个例子来进行讲解会比较易懂helloWorld.vue<template> <div class="hello"> &lt...

博主之前出去耍了几天，回来为了复习巩固前一段时间所学的ps切图以及vue的知识，所以去网上找了几个psd文件，用vue实现了一个简单的静态单页网页界面。...

Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过实现跳转，这和传统的何其相似！但它们到底有什么具体的区别呢？官方中给出的解释是这样的：<router-link> 比起写死的 <a href="..."> 会好一些，理由如下：无论是 HTML5...

首先，由于博主学到vue的路由时是基于vue-cli3.0和webpack打包器进行开发的，所以，菜鸟教程和一些官方教程的案例好像并不适合(可能是自己刚学皮毛理解不够深)，所以，博主进行了各种查阅，总算写出一个小案例，总结出如下知识点：Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表...

本篇文章博主用来记录学习中的知识点、问题，以免遗忘，方便复习，持续更新，如有问题或补充欢迎联系博主更新，感谢 v-if v-showv-if 指令用于条件性地渲染一块内容，如果想切换多个元素呢？此时可以把一个template元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含 template 元素。v-show 另一个用于根据条件展示元素的指令。区别...