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