05 2022 档案
摘要：开始 【安装】 npm install vuex --save 在一个模块化的打包系统中，必须显式地通过 Vue.use() 来安装 Vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) 当使用全局 script 标签引用
阅读全文
摘要：由于多个状态分散的跨越在许多组件和交互间各个角落，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue提供了vuex。本文将详细介绍Vue状态管理vuex 引入 当访问数据对象时，一个 Vue 实例只是简单的代理访问。所以，如果有一处需要被多个实例间共享的状态，可以简单地通过维护一份数据来实现共享
阅读全文
摘要：axios的封装根据需求的不同而不同。这里非常感谢评论里一些很中肯的建议，我也对此进行了思考和针对不同需求的改善。主要有以下改变： 1.优化axios封装，去掉之前的get和post 2.断网情况处理 3.更加模块化的api管理 4.接口域名有多个的情况 5.api挂载到vue.prototype上
阅读全文
摘要：vue中所有的钩子函数： beforeCreate（创建前）created（创建后）beforeMount（载入前）mounted（载入后）beforeUpdate（更新前）updated（更新后）beforeDestroy（销毁前） 下面是完整代码 <!DOCTYPE html> <html la
阅读全文
摘要：嵌套路由 实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL中各段动态路径也按某种结构对应嵌套的各层组件 /user/foo/profile /user/foo/posts + + + + | User | | User | | + + | | + + | | | Profile |
阅读全文
摘要：vue路由vue-router 在Web开发中，路由是指根据URL分配到对应的处理程序。对于大多数单页面应用，都推荐使用官方支持的vue-router。 Vue-router通过管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装
阅读全文
摘要：methods中定义了Vue实例的方法，官网是这样介绍的: 例如:: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.5.16/vue.
阅读全文
摘要：vue--data属性 data属性是Vue实例的数据对象，可以绑定的是对象或者是函数。 当数据对象一旦被data绑定就会发生变化，数据对象中的属性会拥有get和set属性，用来监听数据变化，实时响应。 Vue实例会代理data绑定对象上的所有属性，即所有属性直接添加到Vue实例化对象中。 Vue实
阅读全文
摘要：vue--计算属性 什么是计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 这里的表达式
阅读全文
摘要：Vue属性绑定 Vue中不能直接使用{{ expression }} 语法进行绑定html的标签，而是用它特有的v-bind指令（就是一种写法，先按照格式走，具体指令是什么可以后续再了解）。 绑定的语法结构： <标签 v-bind:属性名="要绑定的Vue对象的data里的属性名"></标签> 例如
阅读全文
摘要：MVVM 什么是MVVM？就是Model-View-ViewModel。 ViewModel是Vue.js的核心，它是一个Vue实例。 基础示例 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport
阅读全文
