鱼樱前端

摘要： 这是vuex的语法结构内容 简单的理解vuex： new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { incre 阅读全文

摘要： 阅读全文

摘要： 代码分割-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 阅读全文