vue相关知识
1.看https://www.bilibili.com/video/av27969216/?p=54,看他的就够了
https://juejin.im/post/5a5bc8c36fb9a01ca26774eb,技术胖不错的vuex, 顺便关注一下他的网站吧http://jspang.com/,
https://v.douyu.com/author/GPAgV5X1xQdZ,看看
2.template中可以通过{{xxx}} 来调用data,props, computed里的属性, 当然也可以通过{{a()}} 来调用methods里的method方法
3.vuex知识
3.1 访问vuex里的属性, $store.xxx。 (当然可以通过其他途径简化,比如mapState)
3.2 修改vuex里的属性 @click="$stroe.commit('aaa',prams)" 其中aaa为store.js的mutations属性中定义的方法 (prams为aaa的参数) (当然可以通过其他途径简化,比如mapMutations)
3.3 mutations里面的方法中的第一个参数系统自动管理,不用我们传;同理 action中的commit也时系统自动管理,不用我们操心
3.4 动态属性使用:xxx='jscode码', 冒号必须; 如果非动态的,不用冒号,比如data='1'
4.es6的promise 参见http://www.iqiyi.com/w_19rvl6tw4h.html 做的非常好
promise目的是解决回调地狱,var p = new Promise(function(resolve){}, function(reject) {}),p会立即执行,(所以一般我们会用一个函数把promise包起来),p.then(function(succ){}, function(error){}).
同时promise提供的then返回值对自动包装成一个新的promise,比如p.then(succ=>{return 'abcdef'}).then(succ=>{console.log(succ)}) 可看到前面then return的‘abcdef’会在后面的then中succ能拿到
5.在template中获取元素可以通过document.getElementById....做,还可以通过使用ref='xxx' this.$refs.xxx来获取元素
6.跨域记得加上withCredentials: true (保证每次请求的session都相同,否则每次请求session都会改变,自然服务器那边拿不到session保存的东东了)
7.导出excel,参见https://www.4ui.cn/article/javascript/j8ldp0A61kg3NBqE.html
8.vue验证,不想初始化就验证可以加入initial=”of“ 如果有问题参见https://x-front-team.github.io/2016/10/26/vue-validator%E9%AA%8C%E8%AF%81/
vue相关知识的更多相关文章
- 沉淀vue相关知识(主要还是个人积累用)
路由懒加载的配置: const Home= () =>import('../components/Home') //使用ES6中的路由懒加载的方式 const About= () =>im ...
- vue基础知识之vue-resource/axios
Vue基础知识之vue-resource和axios(三) vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没 ...
- Vue基础知识之vue-resource和axios
Vue基础知识之vue-resource和axios 原文链接:http://www.cnblogs.com/Juphy/p/7073027.html vue-resource Vue.js是数据驱 ...
- 微信小程序必知相关知识
微信小程序必知相关知识 1 请谈谈微信小程序主要目录和文件的作用? project.config.json 项目配置文件,用得最多的就是配置是否开启https校验: App.js 设置一些全局的基础数 ...
- Vue大概知识体系和学习参考
Vue大概知识体系和学习参考文档 官方文档学习,参考,借鉴地址:https://cn.vuejs.org/v2/guide/installation.html 菜鸟教程:https://www.run ...
- 【Python五篇慢慢弹(5)】类的继承案例解析,python相关知识延伸
类的继承案例解析,python相关知识延伸 作者:白宁超 2016年10月10日22:36:57 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给 ...
- 移动WEB像素相关知识
了解移动web像素的知识,主要是为了切图时心中有数.本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关 ...
- listener监听器的相关知识
从别人的博客上我学习了listener的相关知识现在分享给大家 1.概念: 监听器就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个java对象的方法调用或属性改变,当被监听对象发生上 ...
- UIViewController相关知识
title: UIViewController 相关知识date: 2015-12-13 11:50categories: IOS tags: UIViewController 小小程序猿我的博客:h ...
随机推荐
- Jquery鼠标悬停按钮图标动态变化效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- myeclipse搭建activemq 简单聊天
需要一起交流的请加群qq:200634530
- HDU——2089 不要62
不要62 Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submis ...
- Python与其他语言时间戳
时间戳是自 1970 年 1 月 1 日(00:00:00 GMT)以来的秒数.它也被称为 Unix 时间戳(Unix Timestamp). Unix时间戳(Unix timestamp),或称Un ...
- Bzoj1879 [Sdoi2009]Bill的挑战
Time Limit: 4 Sec Memory Limit: 64 MBSubmit: 724 Solved: 363 Description Input 本题包含多组数据. 第一行:一个整数T ...
- .NET返回上一页
原文发布时间为:2010-05-25 -- 来源于本人的百度文章 [由搬家工具导入] if (Request.UrlReferrer != null) { ...
- ThickBox弹出框的使用方法
原文发布时间为:2009-08-22 -- 来源于本人的百度文章 [由搬家工具导入] 请访问:http://www.blueidea.com/articleimg/2007/12/5182/tickb ...
- django+nginx+mod_wsgi+apache网站部署
软件安装 0.如果对selunix不熟就先把它停掉 vi /etc/selinux/config 改动selinux=diabled 然后重启计算机 1.编译安装python mod_wsgi的安装需 ...
- Python Challenge 第七关
第七关,只有一张图片,右键源代码也什么都没有,只是这图片上有一行类似马赛克一样的部分.看来答案只有在这张图上找了.下载了图片,去网上搜一下有什么库可以处理图像.搜到了一个PIL,发现安装的python ...
- 【转载】51CTO-Android设置模拟器屏幕大小
在Eclipse Android中设置模拟器屏幕大小是本文要介绍的内容,主要是来了解并学习Eclipse Android中模拟器的设置,具体关于Eclipse Android内容的详解来看本文. ...