王大锤的博客

1 环境存储：腾讯cos对象存储后端：springboot项目前端：vue+element-ui2 前端代码摘录自：https://www.jianshu.com/p/3d03bb14caa1这次图片上传是基于element-ui的upload组件2.1 template<template> <div id="upload"> <!-- action上传地址 --> <el-upload

加冒号：表示后边是一个变量，或者是一个表达式不加冒号：表示后边是一个字符串字面量

1 引入Element UI1.1 下载npm i element-ui -S1.2 导入在main.js引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);2 element ui的布局element是24分栏。表示一行表示一列，span表示列的宽度，24就是占满整行书写格式如下<el-row> <el-

1 指令1.1 v-bind，绑定属性语法示例如下：<!-- 完整语法 --><a v-bind:href="url">...</a><!-- 缩写 --><a :href="url">...</a><!-- 动态参数的缩写 (2.6.0+) --><a :[key]="url"> ... </a>代码示例如下<div id="app"> <a :

1 两种组件注册方式1.1 全局注册定义的时候用驼峰命名，使用的时候用短横线使用的时候用属性传值，定义的时候用props接收值传值的时候使用的是横线间隔，接受的时候使用驼峰传值时（不区分大小写）使用驼峰命名，接受的时候使用全小写代码示例如下：首先是HTML代码：<div id="app"> <t-button></t-button></div>然后是JS代码<script src="../vue.js" type=

兵马未动，粮草先行。良好的配置可以方便自己的开发。提高写代码的体验。1 修改启动命令，使用npm start启动项目在package.json中，添加：“start”: “npm run serve”,具体如下，添加第8行代码{ "name": "buyer-client", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vu.

1 初识Vue CLI详见官网：https://cli.vuejs.org/guide/2 安装Vue CLI2.1 卸载学安装之前，我们先学习如何卸载npm uninstall vue-cli -g#或者yarn global remove vue-cli2.2 安装npm install -g @vue/cli# ORyarn global add @vue/cli2.3 检查# 可通过下列命令检查安装的脚手架的版本vue --version# 或者vue -V2