前端_vue
vue
清风不是明月
这个作者很懒,什么都没留下…
展开
-
vue2_路由
路由的模式:history、hash。原创 2022-11-03 13:57:48 · 37 阅读 · 0 评论 -
Vue2_组件
- 父组件 --> < div > FatherView父组件-->获取子组件数据,{{ str }} < SonView @change = " getSonData " > < script > import SonView from '@/components/SonView.vue' export default {return {原创 2022-05-29 16:44:50 · 328 阅读 · 1 评论 -
vue_v-model指令
v-model:默认赋值的类型是string<input type="text" v-model="message">等价于 <input type="text" :value="message" v-on:input="message = $event.target.value">修饰符一:.lazy在input框失去焦点(或回车)时,才将值message,绑定到data数据中<input type="text" v-model.lazy="message"原创 2022-05-28 15:43:08 · 156 阅读 · 0 评论 -
Vue_关于API
12 methods和computed区别。10 computed计算属性。9 data定义数据。原创 2022-05-28 09:53:36 · 76 阅读 · 0 评论 -
vue中哪些数组的方法可以做到响应式?
一:可以做到响应式的方法:一下方法可以做到数组改变,页面上数据相应1、删除数组最后一位元素:pop()2、向数组最后面添加元素:push() 。注意:可以添加多个元素,比如 letters.push( ‘a’ , ‘b’ )3、删除数组第一位元素:shift()4、向数组最前面添加元素:unshift()。注意:可以添加多个元素,比如 letters.unshift( ‘a’ , ‘b’ )5、删除(或插入或替换)数组元素:splice()比如删除元素:splice(2) 是 从第二位开始删除原创 2022-05-26 23:26:15 · 2433 阅读 · 0 评论 -
vue_虚拟DO切换input,input内容不清空。
因为vue的虚拟dom,在切换登录的时候,原来input中输入的内容不会清空。<div id='app'> <span v-if='isUser'> <label for='username'>用户账号</label> <input type='text' id = 'username' placeholder = '用户账号'> </span> <span v-else> <l原创 2022-05-25 22:34:26 · 814 阅读 · 0 评论 -
VUE_关于axios请求
v-on的传递事件<button @click='add'></button><button @click='add($event)'></button><scrip>// 在方法上不加 括号参数 默认的是传递的事件。如果要加 括号参数 需要的是($event)add(event){console.log('事件' + event);}</scrip>v-on的事件修饰符1、阻止冒泡( .stop )<!-原创 2022-05-24 23:15:28 · 124 阅读 · 0 评论 -
v-band绑定不同class,不同style
绑定不同的class<!--父div--><div style="display: flex;flex-wrap:wrap"> <!--for循环data数据,根据子div不同的状态,显示不同的样式--> <div :class="{'class1':i.state==0,'class2':i.state==1,'class3':i.state==3}" v-for="i in data" :key="i.id"> <span>原创 2022-02-25 21:29:12 · 499 阅读 · 0 评论 -
vue_案例_点击div的时候,改变背景色
vue 官方文档:https://cn.vuejs.org/v2/api/一:选项el:挂载点类型:string | Elementdata:数据类型:Object | Functionmethods:方法类型:{ [key: string]: Function }<!--方法和函数区别: --><script> //函数:直接写到script中 function b(){ console.log('函数') } function ClassName原创 2022-05-08 22:24:51 · 2937 阅读 · 0 评论 -
两个Vue项目对应一个springboot项目
晚上的解决方案有,1、nginx代理2、配置路由:https://www.csdn.net/tags/NtzaMg2sODg0NzUtYmxvZwO0O0OO0O0O.html这个也没弄明白3、实在没办法,将其中的一个vue项目的入口文件改个名字。其中有webpack模板的解决方法,我没试。另一种是:http://ask.sov5.cn/q/oI3HfMkfx3修改vue.config.js文件let proxyObj = {};proxyObj['/'] = { ws: fals原创 2022-04-11 22:46:52 · 4884 阅读 · 0 评论 -
Vue_router(路由)
一:创建路由:1、router / index.js 文件import Vue from 'vue'import VueRouter from 'vue-router'// 调用路由Vue.use(VueRouter)const routes = [ { path: '/', component: () => import('../views/a.vue')// 引入组件 }, { path: '/b', co原创 2022-04-11 18:52:47 · 2374 阅读 · 0 评论 -
vue_整合Echarts
一:npm安装npm install echarts --save // 或者淘宝镜像安装cnpm install echarts --save 二:在main.js中引入import * as echarts from 'echarts'//5.0版本之后要有as echarts这个Vue.use(echarts);//或者Vue.prototype.$echarts = echarts三:vue文件中使用<!-- .vue文件中的html部分--><div id原创 2022-04-03 12:48:18 · 1177 阅读 · 0 评论 -
Vue2_Vant2_项目_快速搭建
1.获取时间 // 使用默认时区和语言环境获得一个日历 Calendar cal = Calendar.getInstance(); // 赋值时 年月日时分秒 常用的6个值 "年:" + cal.get(Calendar.YEAR) "月:" + (cal.get(Calendar.MONTH) + 1) //月份下标从0开始,所以取月份要+1 "日:" + cal.get(Calendar.DAY_OF_MONTH) "时:" + cal.get(原创 2022-01-05 13:48:47 · 431 阅读 · 0 评论 -
vue.config.js
1 .npm包管理工具,国外镜像,npm的一些缺陷:比如下面npm install的时候特别的慢;同一个项目安装的时候无法保持一致性,由于package.json文件版本号的特点,下面三个版本号在安装的时候代表不同的含义.:“5.0.3” 表示安装指定的5.0.3版本“-5.0.3” 表示安装5.0.X中最新的版本“^5.0.3” 表示安装指定的5.X.X中最新的版本因此导致同一个项目,因为安装版本不一致而导致出现bug安装的时候,包会在同一时间下载和安装,如果中途一个包抛出一个错误,但是原创 2021-11-30 20:05:27 · 696 阅读 · 0 评论 -
Vue2_生命周期
安装axiosnpm install axiox原创 2021-12-02 19:07:11 · 1555 阅读 · 0 评论 -
vue文件下载请求
1.安装环境1.安装node.js下载地址:http://nodejs.cn/,建议默认安装路径.安装完成后,cmd检查安装是否成功,出现版本号就说明安装成功了:C:\Users\Administrator>node -vv14.18.1C:\Users\Administrator>npm -v6.14.152.安装vue-clicmd安装C:\Users\Administrator>npm install --global vue-cli3.安装webpack原创 2021-11-27 11:17:41 · 429 阅读 · 0 评论 -
Vue2_ElementUI_项目_快速搭建
如何搭建一个vue项目(完整步骤)原创 2021-11-13 12:07:56 · 424 阅读 · 0 评论