vuex
关注
分享
扫一扫
学习笔记999
装逼得逼，求仁成仁，念念不忘，必有回响
展开
-
vue表格实现固定表头和首列
前言 前段时间做移动端的项目，项目中需要一个固定表头和首列的表格，但由于是移动端的，组件库里没有类似的，于是，就去网上找看有没有类似的，结果越找越气，10个文章9个抄，抄也行，你倒是抄个能用的啊，一篇根本就不能用的文章，抄个什么劲？有意义？？？ 没办法，只有自己写一个了。 效果图...转载 2020-09-10 11:30:53 · 4803 阅读 · 3 评论 -
vue-router 2.0 常用基础知识点之router.push()
router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，...转载 2020-06-28 17:33:00 · 224 阅读 · 0 评论 -
vue组件使用的细节点
1在 ul ol select table 在标签里面使用子组件时 用is = ‘XXX’2在子组件定义data数据时,用要用到return语句data: function () { return { aa: '1' }}3 通过ref获取dom 节点<div ref = 'hello'></div>methods: { click: funct...原创 2019-06-06 17:51:49 · 159 阅读 · 0 评论 -
vue 给组件绑定原生事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue.js"></script></head><body&...原创 2019-06-06 18:08:11 · 322 阅读 · 0 评论 -
vue 插槽 slot
[vue] 插槽 slot <!-- 文章内容 --> <div data-note-content="" class="show-content"> <div class="show-content-free"> <p>之前对插槽的理解并不深入，参考官网理解一下~</p>...原创 2019-06-10 18:16:06 · 182 阅读 · 0 评论 -
【vue】index.html main.js app.vue index.js怎么结合的？ 怎么打包的？
怎么结合的： 一、启动项目 第一步：cmd进入项目文件里，运行npm run dev 启动项目 这里说明启动端口号是8080 第二步：往页面输...转载 2019-06-17 16:15:06 · 830 阅读 · 0 评论 -
Vue结构目录分析
README.md //项目描述package-lock.json // 是确认版本第三方包的版本,保持版本统一package.json // 第三方包依赖index.html // 首页模板文件.postcssrc.js // postcss的配置项.gitignore // git不需要上传的文件在此配置.eslintrc.js // 代码检测规范.eslintignor...原创 2019-06-17 16:37:24 · 162 阅读 · 0 评论 -
vue入口main.js文件解析
// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'import router ...原创 2019-06-17 18:14:00 · 2583 阅读 · 0 评论 -
vue的ui框架element-UI的弹出框范例
提示消息this.$message('这是一条消息提示');1成功的消息this.$message({message: '恭喜你，这是一条成功消息', type: 'success' });1234警告消息this.$message({mess...原创 2019-06-18 17:50:06 · 1171 阅读 · 0 评论 -
VueJs路由跳转——vue-router的使用详解
路由对象和路由匹配路由对象，即$router会被注入每个组件中，可以利用它进行一些信息的获取。如属性说明$route.path当前路由对象的路径，如'/view/a'$rotue.params关于动态片段（如/user/:username)的键值对信息,如{u...原创 2019-06-24 11:01:57 · 444 阅读 · 0 评论 -
Vue中的样式绑定
1 第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title><script src="./vue.js"></script><style type="text/cs...原创 2019-06-06 16:19:51 · 157 阅读 · 0 评论 -
axios在vue中的简单配置与使用
尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：https://hzzly.github.io/2017/03/12/axios%E5%9C%A8vue%E4%B8%AD%E7%9A%84%E7%AE%...转载 2019-06-05 17:28:03 · 625 阅读 · 1 评论 -
理解 $nextTick 的作用,API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用理解
有同学在看 Vue 官方文档时，对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容，可能会有所理解，不过有些同学可能看到这个标题之后就选择跳过了，因此这里简述如下：Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick ...转载 2019-06-05 17:26:53 · 1577 阅读 · 0 评论 -
git清除缓存命令的运用
git的命令git add <somefile>是把增加的文件添加到缓存中，这些文件可以在.git文件夹的index文件夹中查看。 在具体的项目中，可能由于所用的IDE不同，导致有些隐藏文件夹也被上传到远程库中去，例如.idea文件夹就是IDEA的结果，但这些文件夹别人并不需要，应次需要忽略，即写在.gitignore文件中，.gitignore文件内容如下：.exeSnake...转载 2018-08-13 22:27:08 · 4816 阅读 · 0 评论 -
vue Error: Request failed with status code vue-cli 配置 proxyTable pathRewrite
vue-config-index.js中，proxyTable中的pathRewrite有什么用呢？ 首先，在ProxyTable模块中设置了‘/api’，target中设置服务器地址，也就是接口的开头那段地址，例如‘172.0.0.1’，然后我们在调用接口的时候，就可以全局使用‘/api’，这时候‘/api’的作用就相当于‘172.0.0.1’，比如接口的地址是‘172.0.0.1/us...原创 2018-08-20 16:28:07 · 11757 阅读 · 0 评论 -
(javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？
问题： (javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？描述:在开发模式模式下，写的覆盖样式都有效，打包后就无效，请问下是什么原因?main.js里的css加载顺序开发模式下打包后在浏览器查看解决方案1:你的问题就是css权重问题 如果相同权重可能存在引入顺序问题简单粗暴解决办法 1： 如果是单页面 写入index.htm...原创 2018-08-20 17:20:25 · 9397 阅读 · 5 评论 -
localStorage的过期时间设置的方法
版权声明： https://blog.csdn.net/xyphf/article/details/51830770 我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢，今天我们来一起尝试一下！ <s...转载 2018-11-19 16:55:54 · 1454 阅读 · 0 评论 -
JS数组遍历删除添加转换排序填充扩展运算符去重查找
本文篇幅较长，建议点赞保存再看，也便于日后翻阅。创建一个数组: // 字面量方式: // 这个方法也是我们最常用的，在初始化数组的时候 相当方便 var a = [3, 11, 8]; // [3,11,8]; // 构造器: // 实际上 new Array === Array,加不加new 一点影响都没有。 var a = Array(); // []...转载 2019-04-11 16:49:03 · 576 阅读 · 0 评论 -
VUE 基础理解 data method el
<div id="vue"> <h1>test: {{site}}</h1> <h1>url: {{url}}</h1> <h1>函数{{details()}}</h1></div><script type="text/javascript">var data...原创 2019-05-09 15:39:35 · 1512 阅读 · 0 评论 -
Input 只能输入数字，数字和字母等的正则表达式
JS只能输入数字，数字和字母等的正则表达式1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />2.只能输入数字,能输小数点.<input onkeyup...原创 2019-05-10 17:42:02 · 8407 阅读 · 0 评论 -
vue-router 2.0 常用基础知识点之router.push()
router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 hist...转载 2019-06-05 17:24:14 · 2492 阅读 · 0 评论 -
VUEX入门简单介绍了解
今天试了一下Vuex,感觉跟Redux的实现思想类似。再此，简单地总结一下。什么是Vuex在Vue中，多组件的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来，应用统一的方式进行处理，在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理...原创 2019-06-05 17:25:09 · 162 阅读 · 0 评论 -
vue 之vuex01篇
首先 npm i vuex -S 在store.js创建一个store import Vuex from 'vuex'import Vue from 'vue'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, mutations: { updatecount (...原创 2018-08-09 16:50:27 · 136 阅读 · 0 评论