摘要：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、 阅读全文

摘要：forEach 遍历数组，不会改变原数组，没有返回值 ； filter 过滤数组 相同点：都不改变原数组，都是数组的实例方法 ； 阅读全文

摘要：事件循环有宏任务和微任务； 宏任务所处的队列就是宏任务队列，队列可以有多个，第一个队列只有一个任务就是执行主线程的js代码，剩余队列任务有setTimeout setInterval ；微任务所处的队列就是微任务队列，只能有一个队列，有process.nextTick() promise.then( 阅读全文

摘要：封装请求接口 ： get 提交的query数据放在params里面（或者放在url?后面） /** * 文章评论 * 功能1： 获取文章的评论 * 》 type a 评论类型，a-对文章(article)的评论，c-对评论(comment)的回复 * > source 文章 id 源id，文章id或 阅读全文

摘要：返回的详情文章内容是标签加内容文字，使用 markdown,css 渲染样式 ： .markdown-body .octicon { display: inline-block; fill: currentColor; vertical-align: text-bottom; } .markdown 阅读全文

摘要：<template> <div class="collect-container"> <van-loading v-if="isLoading" type="spinner" color="#1989fa"></van-loading> <van-icon v-else :color="attitu 阅读全文

摘要：组件 ：collectArticle <template> <div class="collect-container"> <van-loading v-if="isLoading" type="spinner" color="#1989fa"></van-loading> <van-icon v- 阅读全文