- 博客(15)
- 收藏
- 关注
RSS订阅原创 VueX学习笔记（modules)
认识ModulesVue使用单一状态树，那么也意味着很多状态都会交给VueX来管理当应用变得很复杂的时候，store对象就很有可能变得很臃肿为了解决这个问题，VueX允许我们将store分割成模块(modules),而每个模块拥有自己的state、mutations、actions、getters等Modules中的mutations<h2>------------App内容:modules内容-------------</h2><!--store中的modul
2020-07-03 20:51:22
152
原创 VueX学习笔记（actions）
Actions的基本定义Actions是用来对异步操作的VueX组件中通过$store.dispatch传给actionsactions 通过commit提交给mutationsmutations直接修改statecomponents中：<button @click="updateInfo('you')">修改信息</button>methodsupdateInfo(name) { this.$store.dispatch('upinfo', na
2020-07-03 20:50:51
182
原创 VueX学习笔记（getters）
state:{ counter:100},getters:{ power(state) { return state.counter * state.counter }}需要getters里面的方法传入state(目前省略会出错)getters中的方法需要return返回getters可以作为一个参数，传入到其他getters的方法中more20stu(state) { return state.students.fi..
2020-07-03 20:50:09
159
原创 VueX学习笔记（mutations）
mutations基本应用state:{ counter:100},mutations:{ incrementCounter(state) { state.counter++ }}在stor/index.js中定义好mutations的一个方法<button @click="plus">+</button>methods:{ plus() { this.$store.commit('incr
2020-07-03 20:48:46
112
原创 vue组件通信
父传子props在子组件中新增一个props属性；并在对应的地方用v-bind绑定有两种方式：字符串数组，数组中的字符串就是传递时的名称对象，对象可以设置传递时的类型，也可以为默认值props传值需要在所用的组件标签后v-bind值<body> <div id = 'app'> <cpn :cmovies="movies" :cmessage="message"></cpn> </div>
2020-07-03 20:44:27
97
原创 Vue组件基础
Vue组件基础内部调用render函数创建组件构造器//Vue.extend()const cpnC = Vue.extend({ template:` <div> <h2>我是标题</h2> <p>我是i内容哈哈哈哈哈</p> <p>我是内容呵呵呵呵</p> &
2020-07-03 20:44:03
93
原创 CSS选择器(更新）
什么是CSS选择器（selector）按照一定的规则选出符合条件的元素，为之添加CSS样式选择器种类一：通用选择器universal selector* { background-color: red;}一般用来所有元素做一些通用设置比如：内外边距效率较低，尽量不适用二:元素选择器type selector代码div { color:red; margin: 0; padding: 0;}三：类选择器class selector
2020-07-03 20:41:23
132
原创 webpack笔记（二） ：loader
前面写了如何去构建一个最基础的webpack配置现在来说一下在实际开发中会用到的一些东西1.通过npm install 来安装所需要的loader2.在webpack.config.js文件中的module关键字下进行配置webpack中文网站第一步：在上诉网站的中文文档网页里的loader下面选择所需要安装的loader先安装一个打包css的loader（其他loader安装配置类似）这里就可以按照官方文档的手册来进行安装安装好后的代码如下：图片：url-loader (
2020-06-17 23:20:49
123
原创 Vue模块化（一）
核心为：导入、导出CommonJs：1.导出module.exports = { flag:true, test(a, b) { return a + b } demo(a, b) { return a * b }}2.导入let { test, demo, flag} = require('modu.js') //modu.js为文件路径...
2020-06-17 23:01:07
219
原创 webpack笔记（一）
webpack是一个 模块 打包 的工具（是一个用JavaScript的静态）需要先安装node.js node.js自带了软件包管理工具npm全局安装webpack npm install webpack@3.6.0 -g在项目工程文件下面建立一个webpack的配置（用于自动导出）webpack.config.js代码如下：const path = require('path') //依赖module.exports = { entry: './src/index.j
2020-06-17 09:19:33
164
原创 reduce函数对对象遍历时需要注意的问题
这里写自定义目录标题直接上代码直接上代码这个是对数组的一系列操纵nums.filter(n => n < 100).map(n => n * 2).reduce((preValue, n) => preValue + n);这个是对对象的操作books有price和count两个属性return this.books.reduce((preValue, book) => (preValue + book.price * book.count), 0)注意一下r
2020-06-14 19:33:35
589
原创 python对数据库的操作
import pymysqlimport timeclass DataConnection: host = '你的主机地址' user = 'root' passwd = '你的密码' db = 'studentdata' con = pymysql.connect(host=host, user=user, passwd=passwd, db=db)...
2020-03-30 17:31:01
200
原创 分析文件中学生晚归的次数（二）
更改了一下一的代码import pandas as pdimport timeimport ospd.set_option('display.unicode.ambiguous_as_wide', True)pd.set_option('display.unicode.east_asian_width', True)class LateNumber: LateNumber1 ...
2020-03-30 17:27:20
189
原创 Pycharm安装外接工具（UIC)
第一次UIC转换工具的Program设置路径是Python32下面的python.exe在运行后会出现No Modele namede 'PyQt5’的错误之后在pip list下面发现了安装完成了的PyQt5包思考了一下，应该和Pycharm的本身工作环境导入的是Anaconda有关将UIC转换工具的Program重新设置路径为Anaconda下面的python.exe后&am...
2020-03-27 20:31:30
1282
2
原创 分析文件中学生晚归的次数（一）
分析文件中学生晚归的次数初学python做一些小练习不多BB先上代码#驱动文件，导入了另外两个写好的py文件import pandas as pdfrom DataProcessing import *from Late_Statistics import *#这两个参数的默认设置都是Falsepd.set_option('display.unicode.ambiguous_as_...
2020-03-27 20:19:07
402
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人