![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 57
Green8y0
这个作者很懒,什么都没留下…
展开
-
Vue-router笔记:路由的传参
文章目录前言一、使用动态路由二、使用query三、使用步骤1.配置路由2.传参3.演示效果总结前言Vue-router笔记:路由的传参(两种方法)一、使用动态路由// 配置动态路由path: '/路径:参数',component: 组件二、使用querythis.$router.push({ path: '/me', query: { name: 'Anna', age: 17 }})三、使用步骤1.配置路由router/index原创 2021-04-01 22:58:42 · 180 阅读 · 0 评论 -
Vue-router笔记:访问根路由重定向至首页,修改默认路由值为history模式
文章目录前言一、新建组件1.首页组件Home.vue2.关于组件About.vue3.App.vue二、使用步骤1.配置路由2.导入组件3.效果图总结前言Vue-router笔记:访问根路由重定向至首页,修改默认路由值为history模式一、新建组件1.首页组件Home.vue<template> <div> <h2>首页组件</h2> </div></template><script>原创 2021-04-01 18:55:20 · 4269 阅读 · 0 评论 -
Vue-router笔记:vue-router的安装与导入
文章目录前言一、vue-router安装1.自定义安装2.vue-cli安装二、导入1.自定义安装的导入2.读入数据总结前言Vue-router笔记:vue-router的安装与导入一、vue-router安装1.自定义安装在项目路径下安装npm install vue-router --save2.vue-cli安装使用vue-cli初始化项目时,安装vue-router时选择y二、导入1.自定义安装的导入/src下新建文件夹router,/src/router下新建inde原创 2021-04-01 18:34:40 · 314 阅读 · 0 评论 -
Vue笔记- “v-model“的原理
文章目录前言一、代码二、演示效果总结前言Vue笔记- "v-model"的原理一、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>-----------------------原创 2021-03-31 21:36:00 · 78 阅读 · 0 评论 -
Vuex笔记-state与mutations的使用
文章目录前言一、state二、mutations二、实际使用1.新建mutations.js2.store/index.js中导入mutations3.App.vue总结前言Vuex笔记-state与mutations的使用一、state1、Vuex使用单一状态树,即每个项目仅包含一个store实例2、子模块将放置在store实例的modules中3、state的使用方式类似vue实例中的data,例如:// store/index.jsconst state = { counter原创 2021-03-29 09:10:30 · 569 阅读 · 0 评论 -
Vuex笔记-Vuex的安装与导入
文章目录前言一、安装流程1.安装vuex2.导入vuex二、使用步骤1.引入库2.读入数据总结前言Vuex的使用一、安装流程1.安装vuexnpm install vuex --save以learn_vuex项目为例2.导入vuex在/src下新建文件夹store,在store文件夹下新建index.js在/store/index.js中import Vue from 'vue'import Vuex from 'vuex'// 1.安装插件Vue.use(Vuex)原创 2021-03-28 22:28:52 · 429 阅读 · 0 评论