摘要： vuex(状态管理模式) 常用文件 store/index.js export default new Vuex.Store({ state:{}, getters:{}, mutations:{}, actions:{}, modules:{} }) 1. 获取(state)中的数据 1. 直接获 阅读全文

摘要： 路由 1. 路由链接 (通过路由跳转到组件) <router-link to="路由规则"></router-link> 2. 路由占位: 要跳转到的组件 <router-view></router-view> localhost:8081/路径 当前跳转的就是该路径对应的组件的占位 3. 路由文件 阅读全文

摘要： keepAlive!! //keepAlive 是vue中的一个内置组件,可以在切换组件时,使组件内的内容保留原有状态,防止DOM的重复渲染 1. 使用环境: 登录和注册对应的路由和组件 /login => login.vue /reg => reg.vue //当两个页面互相切换时,如果登录页已经 阅读全文

摘要： 脚手架入门 1. 什么是脚手架 辅助我们搭建项目的工具,可以使用脚手架搭建一个项目 2. 安装脚手架 //1. 安装脚手架 npm i -g @vue/cli //2. 安装后,可以查看脚手架版本,如果出现版本号,代表安装完成 vue --version 3. 使用脚手架搭建vue项目 //1.脚手 阅读全文

摘要： webpack打包 定义: webpack是一个静态资源打包工具(html,css,js) webpack的使用(第一种方法) 1. 安装webpack [x] ```javascript // 使用node安装webpack 安装参数说明: 1. -g 全局安装 2. -D 安装在devDepen 阅读全文

摘要： 一个案例: 使用组件和插槽遍历表格 //需求: 将表格封装成组件,表格中的内容是循环数据得到的,每使用一次组件,通过组件与Vue对象之间的通讯,传递不同的数据,使每次遍历的表格内容不同,其中表格中的操作标题中的按钮也可以使用具名插槽设置不同的标签内容 插槽中的数据传递 // 如果在插槽中需要在组件模 阅读全文

摘要： 动态组件 // 动态组件: 实现了组件的占位 语法格式: <component :is="组件名"></component> //:is的值是哪个组件名,就在这个固定位置渲染这个组件内容 eg: <button @click="fun('myDemo01')">火锅</button> <button 阅读全文

摘要： Vue初级 过滤器 作用: 过滤数据 例如: 2022-08-02 转换成 2022/08/02 10元 转换成 ¥10 1.声明过滤器 new Vue({ el:'', data:{ //实参数据,filters会接收 }, filters:{ 方法名(形参){ 方法体 return 过滤后的结果 阅读全文

摘要： v-for 系统循环指令 语法格式: <元素 v-for="(值,键) in 要循环的数据" :key="唯一标识"></元素> //如果不需要键,语法格式可以写为 <元素 v-for="值 in 要循环的数据"></元素> //如果没有设置key,那么默认标识数据唯一标识的就是数组的键 //(但是 阅读全文

摘要： 实例化Vue对象 1. 先引入vue.js文件 2. script操作部分 new Vue({ el:'#app', //表示vue操作范围 data:{ 变量(键):'值' //vue中的数据 }, methods:{ 方法名(){} } }) 3. html代码部分 <div id="app"> 阅读全文