摘要： 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。 在manifest.json文件里： 1、微信小程序配置：添加微信小程序的 appID 2、App模块权限配置：勾选上 OAuth登录鉴权 选项 3、App SDK配置：登录鉴权-微信登录-添加app 阅读全文

摘要： 如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。 首先注意2个前提： 1、你的web站是适合手机屏幕的； 2、你的H5代码是全后端分离的，uni-app只处理前端代码。 一切从新建一个uni-app项目开始。然后依次进行 文件处理 把之前的vue web项目的前端代码copy到新 阅读全文

摘要： 网络模型的变化 以前网页大多是b/s，服务端代码混合在页面里； 现在是c/s，前后端分离，通过js api(类似ajax的uni.request)获取json数据，把数据绑定在界面上渲染。 文件类型变化 以前是.html文件，现在是.vue文件 文件内代码架构的变化 以前一个html大节点，里面有s 阅读全文

摘要： uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 快速上手： 1. 通过 HBuilderX 可视化界面 可视化的方式比较简单，HBuilderX内置相关环境 阅读全文

摘要： 如果要实现列表数据的按需切换，就需要用到 getters ，可以将数据源包装，按需来展示，并不会修改数据源。 1、定义 getters getters: { // 列表数据 infoList(state) { if (state.viewKey 'undone') { return state.li 阅读全文

摘要： 1、把底部按钮的默认 type 加上 <!--操作按钮--> <a-button-group> <a-button type="primary" >全部</a-button> <a-button type="default" >未完成</a-button> <a-button type="defau 阅读全文

摘要： 点击清除已完成按钮，把列表中的已完成就会被清除，只剩下未完成的任务事项。 1、给“清除已完成”添加点击事件： <!--把已经完成的任务清空--> <a @click="clean">清除已完成</a> <script> export default { methods: { // 清除已完成的任务事 阅读全文

摘要： 使用 getters 包装器 1、定义 getters 函数： getters: { // 统计未完成任务的条数 unDoneLength(state) { return state.list.filter(item => item.done false).length } } 2、引入 gette 阅读全文

摘要： 需求的功能是：点击对应复选框，拿到最新的状态，再根据点击对应项的 id，把最新的状态，赋值到 list 数组中对应的 item 项。 1、给复选框添加点击事件： <!--复选框--> <a-checkbox :checked="item.done" @click="checked(item.id)" 阅读全文

摘要： 1、把 list.json 文件中第一个和第三个数据的 done 改为：true 2、把完成状态和复选框做绑定 复选框是由 checked 属性来指定的。添加属性绑定： <!--复选框--> <a-checkbox :checked="item.done"> {{item.info}} </a-ch 阅读全文

摘要： 1、给删除按钮添加点击事件： <!--删除链接--> <a slot="actions" @click="delItem(item.id)">删除</a> <script> export default { methods: { // 删除对应事项 delItemById(id) { this.$s 阅读全文

摘要： 1、给添加事项按钮增加点击事件： <a-button type="primary" @click="addItemToList">添加事项</a-button> <script> import { mapState } from 'vuex' export default { methods: { 阅读全文

摘要： 1、在 store/index.js 中定义新的数据 inputValue ： state: { list: [], // 所以的任务列表 inputValue: 'aaa' // 文本框的内容 }, 2、回到 Home.vue 做文本框的双向绑定： <a-input placeholder="请输 阅读全文

摘要： 1、在 public 目录下新建 mock 文件夹夹，创建 list.json 文件： [ { "id": 0, "info": "Racing car sprays burnimg fuel into crowd.", "dome": false }, { "id": 1, "info": "Ja 阅读全文

摘要： 1、通过 vue ui 命令打开可视化面板，创建新项目：vuex-demo 2、安装 vuex 依赖包 npm install vuex axios ant-design-vue -S 当然也可以使用可视化面板的依赖安装。 ant-design-vue 是UI组件库。 3、实现 Todos 基本布局 阅读全文