摘要:
阅读全文
摘要:
代码分割-CSS 要通过webpack打包CSS,像任何其他模块一样将CSS导入JavaScript代码,并使用css-loader(它输出CSS作为JS模块), 并可选地应用ExtractTextWebpackPlugin(它提取打包的CSS并输出CSS文件)。 导入CSS 使用 css-loader 在 webpack.config.js 中配置 css-loader , 如下: modul... 阅读全文
摘要:
依据官网使用 webpack 的 Hot Module Replacement API,Vuex 支持在开发过程中热重载 mutation、module、action 和 getter。你也可以在 Browserify 中使用 browserify-hmr 插件。 对于 mutation 和模块,你 阅读全文
摘要:
webpack 是一个现代的 JavaScript 应用程序的模块打包器(module bundler) 四个核心概念: ------------------------------------------------------------------------------------------------ 入口(Entry): webpack 将创建所有应用程序的依赖关系图表(depen... 阅读全文
摘要:
Mixins一般有两种用途:1、在你已经写好了构造器后,需要增加方法或者临时的活动时使用的方法,这时用混入会减少源代码的污染。2、很多地方都会用到的公用方法,用混入的方法可以减少代码量,实现代码重用。一、Mixins的基本用法我们现在有个数字点击递增的程序,假设已经完成了,这时我们希望每次数据变化时 阅读全文
摘要:
保持sass条理性和可读性的最基本的三个方法:嵌套、导入和注释。 一般情况下,你反复声明一个变量,只有最后一处声明有效且它会覆盖前边的值。 $link-color: blue; $link-color: red; a { color: $link-color; } 最终编译成为红色 --------------------------------- & 在编译时将被替换为父选择符,如果你有一个... 阅读全文
摘要:
介绍mapActions辅助函数: Action提交的是Mutation,不能够直接修改state中的状态,而Mutations是可以直接修改state中状态的;Action是支持异步操作的,而Mutations只能是同步操作。 简单的: const mutations = { add(state, 阅读全文
摘要:
简单的理解: const getters = { newCount: function(state){ return state.count += 5; } } 组件中获取: methods: { newCount: function(){ return this.store.getters.new 阅读全文
摘要:
在组件中提交Mutations: import { mapState, mapMutations } from 'vuex' export default { data() { return { msg: "vuex要点" } }, store, computed: mapState([ 'coun 阅读全文
摘要:
一、通过mapState函数的对象参数来赋值: <p>{{ count }}</p> <p>{{ count1 }}</p> <p>{{ count2 }}<p> //导入 import { mapState } from 'vuex' export default { data() { retur 阅读全文