摘要：console.log(this.currentDate); // Sat Dec 22 2007 00:00:00 GMT+0800 (中国标准时间) const str = dayjs(this.currentDate).format("YYYY-MM-DD"); console.log(str 阅读全文

摘要：v-model 的使用 解决只能使用一次v-model的问题：使用 sync 修饰符 阅读全文

摘要：组件没有销毁，点击取消的时候把UpdateName组件销毁即可：即加上 v-if 即可 ； 阅读全文

摘要：<template> <div class="update-name"> <!-- 导航栏 --> <van-nav-bar title="设置昵称" left-text="取消" right-text="完成" @click-left="$emit('close')" /> <!-- /导航栏 - 阅读全文

摘要：1 <template> 2 <div class="user-profile"> 3 <!-- 导航栏 --> 4 <van-nav-bar 5 class="page-nav-bar" 6 title="个人信息" 7 left-arrow 8 @click-left="$router.back 阅读全文

摘要：说明：上传的图片是 file 类型 ，核心就是获取图片文件（file类型的） ； 实现一：使用 vant2 的图片加载组件 ，选择文件后会触发afterRead方法 ，参数 file 就是文件列表filelist ，file.file 就是图片文件 ； async afterRead(file) { 阅读全文

摘要：造成原因：组件的嵌套导致 ； 解决： 阅读全文

摘要：import Vue from "vue"; import Vuex from "vuex"; import { setItem, getItem } from "@/utils/storage"; Vue.use(Vuex); export default new Vuex.Store({ sta 阅读全文

摘要：生命周期有 4 个阶段 ：创建阶段 挂载阶段 更新阶段 销毁阶段，每个阶段 2 个钩子函数 ； 创建阶段 beforecreate 创建一个空的vue实列对象，此时data和methods的数据没有初始化，都是undefined ； created data 和 methods 的数据已经初始化，常 阅读全文

摘要：1 父子传值 在子组件标签设置属性，在子组件内使用 props 接收属性值 ； 2. 子父传值 在子组件中使用 emit 自定义事件，在子组件标签注册自定义事件 ，接收参数 ； 3. vuex 状态管理工具 任何组件都可以获取状态，比如state 的数据，或者触发行为，比如mutation的方法 ； 阅读全文

摘要：Vuex是vue框架中状态管理工具 ； 状态管理就是全局的状态工具，如何组件都可以获取状态（state）或者触发行为（mutations） ； 好处：存储 token，单页应用中，组件之间的数据状态。可以做状态管理、采用localstorage保存信息、数据一直存储在用户的客户端中 ； 使用场景：( 阅读全文

摘要：首先，遍历data的数据，通过 Obejct.defineProperty 定义数据，给数据加上 geter 和 setter 函数，获取数据触发 getter函数， 修改数据时触发 setter函数，在 setter 函数更新视图 dom ，从而实现数据的响应式 ； 阅读全文

摘要：eg ：打开回复 再打开： 但是显示的还是上一个评论回复的内容，因为复用组件的时候，第一个回复的组件没有销毁 ， 解决方法，加上 v-if 判断，隐藏popup的时候 v-if 会自动销毁和创建 ； 阅读全文

摘要： 阅读全文

摘要：基本样式： ps：当message 即输入的内容的长度为 0 的时候，按钮禁止使用 ； <template> <div class="comment-post"> <van-field class="post-field" v-model="message" rows="2" autosize ty 阅读全文

摘要：基本样式 ： <template> <van-cell class="comment-item"> <van-image slot="icon" class="avatar" round fit="cover" src="https://img.yzcdn.cn/vant/cat.jpeg" /> 阅读全文

摘要：import axios from "axios"; // 自定义一个 request 实例 const request = axios.create({ baseURL: "https://some-domain.com/api/", timeout: 1000, headers: { "X-Cu 阅读全文

摘要：1. 声明式导航 目标: 可用全局组件router-link来替代a标签 ； 总结: 链接导航, 用router-link配合to, 实现点击切换路由 ； 特点： vue-router提供了一个全局组件 router-link router-link实质上最终会渲染成a链接 to属性等价于提供 hr 阅读全文

摘要：当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，通过v-if 移动到容器元素，不会再重复遍历列表中的每个值。取而代之的是，我们只检查它一次，且不会在 v-if 为否的时候运算 v-for v-if不能和v-for一起使用的原因是v-for的优先级比v-if高，一起使用会造成性能浪 阅读全文

摘要：1、 v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、 v-for 格式： v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的ng-repeat),需要注意从 Vue2 开始取消了$index 3、 阅读全文