摘要: 简介&安装 # 1.简介 - Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 # 2.安装vuex - npm install vuex --save # 3.创建vue cli中创建stor 阅读全文
posted @ 2021-09-13 18:41 code-G 阅读(27) 评论(0) 推荐(0) 编辑
摘要: Vue CLI安装 1. 环境准备 # 1.下载nodejs http://nodejs.cn/download/ windows系统: .msi 安装包(exe)指定安装位置 .zip(压缩包)直接解压缩指定目录 mac os 系统: .pkg 安装包格式自动配置环境变量 .tar.gz(压缩包) 阅读全文
posted @ 2021-09-13 18:32 code-G 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 路由:根据请求的路径按照一定的路由规则进行请求的转发从而帮助我们实现统一请求的管理 1.引入路由 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://unpkg.com/v 阅读全文
posted @ 2021-09-13 18:29 code-G 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 父组件向子组件传递数据使用子组件的props属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- key=va 阅读全文
posted @ 2021-09-13 18:19 code-G 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 全局组件注册 //1.开发全局组件 Vue.component('login',{ template:'<div><h1>用户登录</h1></div>' }); //2.使用全局组件 在Vue实例范围内 <login></login> # 注意: - 1.Vue.component用来开发全局组件 阅读全文
posted @ 2021-09-13 18:12 code-G 阅读(179) 评论(0) 推荐(0) 编辑
摘要: ![](https://img2020.cnblogs.com/blog/2137615/202109/2137615-20210913180815471-1026465297.png) 阅读全文
posted @ 2021-09-13 18:09 code-G 阅读(55) 评论(0) 推荐(0) 编辑