理想三旬·

摘要： 生命周期 应用生命周期 uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数，详情请参考应用生命周期 页面生命周期 uni-app 支持 onLoad、onShow、onReady 等生命周期函数，详情请参考页面生命周期 路由 uni-app页面路由为框架统一管理， 阅读全文

摘要： 什么是 uni-app uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，几乎覆盖所有流量端。 uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。 使 阅读全文

摘要： Mutation 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它 阅读全文

摘要： this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变 阅读全文

摘要： Getter 有时候我们需要从 store 中的 state 中派生出一些状态，例如对列表进行过滤并计数： computed: { doneTodosCount () { return this.$store.state.todos.filter(todo => todo.done).length 阅读全文

摘要： 1.State 1.单一状态树 Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT (opens new window))”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在 阅读全文

摘要： Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供 阅读全文

摘要： 1.LOADER Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。 所以如果我们需要在应用中添加 css 文件，就需要使用到 css-loader 和 style-loader，他们做两件不同的事情，css-loader 会遍历 阅读全文

摘要： 1.什么是webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 本章节基于 Webpack3.0 测试通过。 从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文 阅读全文

摘要： 1.Vue路由（vue-router）介绍 Vue Router 是 Vue.js(opens new window) 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 阅读全文