vue
关注
分享
扫一扫
zhongbai-
这个作者很懒，什么都没留下…
展开
-
springboot+Elementui的上传组件使用
上传elementui组件：<el-form-item label="选择Excel"> <el-upload ref="upload" :auto-upload="false" :on-success="fileUploadSuccess" :on-error="fileUploadError" :disabled="importBtnDisabled"原创 2022-02-27 17:23:00 · 743 阅读 · 0 评论 -
[Vue warn]: Error in render: “TypeError: Cannot read property ‘name‘ of undefined“
注意检查后端接口返回的对象别名我的错误：后端返回eduTeacher： return R.ok().data("eduTeacher",eduTeacher);前端用teacher接收则会报错，找不到属性name等将后端返回改为： return R.ok().data("teacher",eduTeacher);没有报错。...原创 2021-06-15 11:05:45 · 258 阅读 · 2 评论 -
springboot-vue增删改功能实现步骤
第一步：写后端接口 @ApiOperation(value = "讲师添加") @PostMapping("addteacher") public R addTeacher(@RequestBody EduTeacher eduTeacher){ boolean save = eduTeacherService.save(eduTeacher); if(save){ return R.ok(); }else{原创 2021-06-15 09:44:35 · 1104 阅读 · 3 评论 -
vue使用框架的步骤
搞清目录结构：1.第一步：添加路由原创 2021-06-06 16:37:21 · 1093 阅读 · 0 评论 -
Node.js
一、简介1、什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。2、Node.js有什么用如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。Node.js 是运行在服务端的 JavaScript，如果你熟悉Javas原创 2021-06-04 18:48:39 · 96 阅读 · 0 评论 -
axios完成 请求的发送
axiosaxios是独立于vue的一个项目，基于promise用于浏览器和node.js的http客户端在浏览器中可以帮助我们完成 ajax请求的发送在node.js中可以向远程接口发送请求例子：json数据：{ "sucess":true, "code":20000, "message":"成功", "data":{ "items":[ {"name":"lucy","age":20}, {"na原创 2021-06-04 18:33:00 · 219 阅读 · 0 评论 -
vue的基本语法
二、基本语法1、基本数据渲染和指令创建 01-基本数据渲染和指令.html你看到的 v-bind 特性被称为指令。指令带有前缀 v除了使用插值表达式{{}}进行数据渲染，也可以使用 v-bind指令，它的简写的形式就是一个冒号（:）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device原创 2021-06-04 17:49:37 · 169 阅读 · 0 评论 -
vscode下载及插件安装
国内下载地址：http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSetup-x64-1.43.0.exe下载后安装插件：1.中文简体插件（需要重启）2.服务器插件3.vue的插件：原创 2021-06-02 13:44:23 · 275 阅读 · 0 评论 -
springboot-vue小案例
GitHub地址：https://github.com/zhongbaigeng/springboot-vue第一步：创建springboot项目以及一个vue的elementui项目vue的elementui项目创建可以参考：https://blog.youkuaiyun.com/sjgllllll/article/details/112726237第二步：springboot项目环境搭建(提供接口)GitHub地址：https://github.com/zhongbaigeng/springboot原创 2021-02-26 15:03:22 · 370 阅读 · 0 评论 -
Vue使用axios
第一步：安装axios$ npm install axios第二步：在main.js导入axiosimport VueAxios from 'vue-axios';import axios from 'axios';Vue.prototype.$axios = axios;第三步：写axios请求代码created(){ const _this = this this.$axios.get('http://localhost:8081/book/findall').t原创 2021-02-25 14:54:47 · 103 阅读 · 0 评论 -
Vue-Elementui小案例
第一步创建一个项目创建项目步骤：地址第二步构建目录第三步创建视图（Vue组件）Login.vue:<template> <div> <el-form ref="loginForm" :model="form" :rules="rules" label-width="80px" class="login-box"> <h3 class="login-title">欢迎登录</h3> <el-for原创 2021-01-17 19:05:50 · 666 阅读 · 0 评论 -
Error:Node Sass version 5.0.0 is incompatible with ^4.0.0 问题解决
Error:Node Sass version 5.0.0 is incompatible with ^4.x 问题解决此错误来自sass-loader.因为node-sass@latest为v5.0.0,而sass-loader期望值为^4.0.0目前解决方案如下：//卸载 node-sassnpm uninstall node-sass//然后安装最新版本（5.0之前）npm install node-sass@4.14.1...原创 2021-01-17 18:51:29 · 145 阅读 · 0 评论 -
vue创建工程
注意：命令行使用管理员模式1 创建一个名为elementui-vue的工程vue init webpack elementui-vue2 进入工程目录cd elementui-vue3 安装vue-routernpm install vue-router --save-dev4 安装element-uinpm i element-ui -S5 安装依赖npm install6 安装sass加速器cnpm install sass-loader node-sass --sav原创 2021-01-16 22:46:31 · 321 阅读 · 0 评论 -
Vue-Router
官网Vue-Router官网安装npm install vue-router使用如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)原创 2021-01-16 20:11:25 · 75 阅读 · 0 评论 -
webpack使用
创建一个项目项目里创建一个目录放置js文件//暴露一个方法exports.sayHi=function () { document.write("<h1>webpack使用</h1>")}//接收调用方法var hello=require('./hello');hello.sayHi();创建webpack配置文件：webpack.config.jsmodule.exports={ entry:'./modules/main.js',/*打包原创 2021-01-16 19:39:01 · 81 阅读 · 0 评论 -
webpack安装
需要执行完vue-cli安装 vue-cli安装教程输入: npm install webpack -g 安装webpack输入 ： npm install webpack-cli -g 安装webpack-cli输入 ： webpack -v 检查版本，是否安装成功原创 2021-01-16 13:08:49 · 96 阅读 · 0 评论 -
Vue-cli安装及创建
Vue-cli简介：Vue CLI是用于快速Vue.js开发的完整系统，它提供：通过交互式项目脚手架@vue/cli。通过@vue/cli+零配置快速原型@vue/cli-service-global。运行时依赖项（@vue/cli-service）：可升级建立在webpack之上，具有合理的默认值；可通过项目内配置文件进行配置；可通过插件扩展丰富的官方插件集合，集成了前端生态系统中的最佳工具。完整的图形用户界面，用于创建和管理Vue.js项目安装环境Nodejs安装1.下载地址原创 2021-01-16 12:13:22 · 260 阅读 · 0 评论 -
Vue插槽-slot
<!--第一步引入Vue.js--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> /*第二部创建Vue组件，template构建模板*/ Vue.component('todo', { template: '<div>\ <slot name="todo-title">&原创 2021-01-15 13:06:22 · 81 阅读 · 0 评论 -
Vue的计算属性computed
<!--第一步引入Vue.js--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> /*第二步创建Vue并绑定对象*/ var vm = new Vue({ el: '#example', data: { message: 'Hello' }, m原创 2021-01-15 12:41:22 · 127 阅读 · 0 评论 -
Vue：Axios异步通信
什么是axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。Axios特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF案例<!--第一步引入Vue.js--><script src="https://cdn.jsdelivr.net/npm/vue/原创 2021-01-15 10:02:59 · 119 阅读 · 0 评论 -
vue的数据双向绑定v-model
<!--第一步引入Vue.js--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> /*第二步创建Vue并绑定对象*/ var vm=new Vue({ el:'#app', data:{ message:'' } });</script>原创 2021-01-14 20:39:37 · 93 阅读 · 0 评论 -
vue的点击事件
<!--第一步引入Vue.js--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script><script> /*第二步创建Vue并绑定对象*/ var example2 = new Vue({ el: '#example-2', data: { name: 'Vue.js原创 2021-01-14 20:22:45 · 343 阅读 · 0 评论 -
Vue的for循环
<!--第一步引入Vue.js--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> /*第二步创建Vue并绑定对象*/ var vm=new Vue({ el:"#app", /*Model层 ：数据*/ data:{ items:[ {me原创 2021-01-14 20:18:50 · 173 阅读 · 0 评论 -
Vue的if-else小案例
<!--第一步引入Vue.js--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> /*第二步创建Vue并绑定对象*/ var vm=new Vue({ el:"#app", /*Model层 ：数据*/ data:{ ok: true } })原创 2021-01-14 20:12:28 · 282 阅读 · 0 评论