vue
vue基础
Alan and fish
虚心学习,沉潜,慎独,自律。
展开
-
defineProps、defineEmits、definExpose的用法
【代码】defineProps、defineEmits、definExpose的用法。原创 2023-01-14 18:05:23 · 855 阅读 · 0 评论 -
Vuex的学习内容
在中定义state//创建数据仓库 export default createStore({//数据仓库的内容,名称不能乱写 state : {变量名 : 初始值 } })//创建数据仓库 export default createStore({//数据仓库的内容,名称不能乱写 state : {name : '马云' , company : '阿里巴巴' } })import {原创 2023-01-12 09:50:00 · 221 阅读 · 0 评论 -
vue的抽离封装
vue3中的任何一个组合式的api都可以单独抽离出去在另一个文件中,最后只需要回归到setup()中即可.原创 2023-01-11 22:03:47 · 218 阅读 · 0 评论 -
Vuex的使用
Vuex就可以一步解决父传子,子传父的问题,直接一步到位。原创 2023-01-11 20:00:58 · 98 阅读 · 0 评论 -
vue响应式数据
【代码】vue响应式数据。原创 2023-01-11 14:09:15 · 89 阅读 · 0 评论 -
vue-组合API的基本使用
Vue3,0在vue提供的操作Api接1上从2 0版本中进行语法的兼容,以外我们在vue2.0中编写的所有的操作apil接在3 0版本中是完全可以使用的。但是2 0版本的操作api代码, 我们称之为选项API ( Option API )”,在3.0版本中vue官方又提供了新的操作API接口,叫“组合API ( Group API )”。原创 2023-01-08 17:12:03 · 112 阅读 · 0 评论 -
vue-路由的使用方式
2.路由初试化路由的三种模式:history, 指定路由的模式, 有,,三种模式,一般使用第一种和第三种模式路由的格式:路由的使用代码:创建路径,代码如下代码截图:,代码:代码截图代码:5.页面跳转一共有三种页面跳转方式,、、,后面两种跳转方式是无刷新跳转,代码如下:6.不同页面的参数的传递和接收方式1:通过地址栏传递参数从页面传递参数到:代码:代码:方式2:通过路由动态传递参数从页面传递参数到:页面代码代码:使用这种方式传递参数有一个缺陷就是不能直接访问list原创 2023-01-08 10:30:31 · 447 阅读 · 0 评论 -
在vue脚手架项目里面使用elementui
1.通过脚手架创建一个项目安装脚手架,点击链接# 输入npm run dev# 启动项目ctrl+c关闭服务2.在vue脚手架项目中安装elementui安装elementui依赖npm i element-ui -S使用elementui# 引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';# 在main.js中进行全局注册Vue.use(Elem原创 2021-05-01 08:48:29 · 1058 阅读 · 1 评论 -
SSM项目elementUi+pagination+paperhelper前后端分离实现数据分页
1.分页原理任何的分页都是有五个部分组成:记录的总条数每页显示的记录条数总页数当前是第几页当前页的所有记录真假分页的区别这个教程使用的是真分页2.后端分页-pagehelper(1)我的后端代码目录结构pagerhelper官方介绍(2)第一步:引入pagerhelper依赖版本锁定 <mapper.version>3.5.2</mapper.version>依赖<dependency> <groupId>c原创 2021-02-22 21:04:42 · 586 阅读 · 0 评论 -
vue-路由的两种传递方式
方式一方式二原创 2021-02-21 14:57:39 · 71 阅读 · 0 评论 -
vue-webpack配置路由的方法
目录结构前置条件安装路由vue-router 是一个插件包,所以我们还是需要用 npm/cnpm 来进行安装的。打开命令行工具,进入你的项目目录,输入下面命令。npm install vue-router --save-dev创建路由的vue组件在view目录下创建一个需要路由的组件Login安装路由创建一个名为 src/router 的目录专门放置我们的路由配置代码,在 src/router 目录下创建一个名为index.js 路由配置文件,代码如下:配置路由修改 main原创 2021-02-20 22:30:59 · 601 阅读 · 0 评论 -
Vue-父传子与子传父
目录结构父传子子传父类似于将FCfn作为一个参数一样传递给给btnfn子传父以事件发射的方式传递原创 2021-02-18 22:01:16 · 319 阅读 · 0 评论 -
Vue-webpack-simple框架中的全局注册组件和本地注册组件
目录结构第一步:在components文件夹中创建一个.vue文件注意:如果没有Vue Component选项,首先要去下载vue.js的插件我在这里的栗子是创建了头部.vue,主体.vue,底部vue三个组件.第二步:全局注册进入main.js,将其他默认的东西删除,然后全局注册第三步:在App.vue中直接使用删除默认的代码,然后直接使用...原创 2021-02-18 19:15:45 · 127 阅读 · 0 评论 -
使用vue-cli脚手架创建一个webpack-simple的vue框架项目
第一步:进入工程目录,打开cmd第二步:选择你要创建的vue框架输入vue list第三步:创建一个webpack-simple的vue框架创建框架结构选择相关的配置导入依赖打开node.js服务器部署成功原创 2021-02-18 19:00:59 · 221 阅读 · 0 评论