![](https://img-blog.csdnimg.cn/6b15bb48daec41f8bced29fba9ce507d.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue的基础
乖乖我左边的房子在动
喜静
展开
-
vue2项目配置vant(移动端)
vue2项目配置vant(移动端)原创 2023-02-14 15:10:44 · 632 阅读 · 0 评论 -
vue处理语法警告问题
1.新建.prettierrc文件2.保存文件内容:{ "semi":false, //移除分号 "singleQuote":true //用单引号表示}3.进行格式化文档并保存原创 2022-03-21 14:08:58 · 247 阅读 · 0 评论 -
FormData( )实现form表单多文件上传(vue)
html代码: <form method="post" enctype="multipart/form-data" > <input type="file" @change="getFile($event)"/> <input type="file" @change="getFile1($event)"/> <input type="file" @change="getFile2($event)"/> <b.原创 2022-02-15 16:33:49 · 1737 阅读 · 5 评论 -
Vue-Cli3中用配置代理实现跨域
在根目录下新建vue.config.js文件module.exports = { devServer: { proxy: { '/api': { target: 'http://api.zhuishushenqi.com', //地址为:http://api.zhuishushenqi.com/cats/lv2/statistics //axios引用时用/a原创 2022-02-08 23:14:44 · 664 阅读 · 0 评论 -
json-server 的简单使用(mock-server)
目的:起一个本地的mock-server来完全模拟请求以及请求回来的过程安装json-server:npm install -g json-server创建db.json:在一个文件夹下新建一个db.json文件{ "school": [ { "id": 1, "name": "first", "address": "beijing" } ], "student": { "name": "lihua" }}启动json-server:在当前文件夹下输原创 2022-02-08 16:50:33 · 977 阅读 · 0 评论 -
axios安装与基本方法
安装:1.npm安装:npm install axios2.在主入口文件main.js中引用:import axios from 'axios'Vue.use(axios);3.在组件文件中的methods里使用:getNewsList(){ this.axios.get('api/getNewsList').then((response)=>{ this.newsList=response.data.data; }).cat原创 2022-02-02 18:45:39 · 22764 阅读 · 0 评论 -
vue-cli项目目录文件的基本简介
node_modules文件夹:放置项目依赖的地方public文件夹:一般放置一些共用的静态资源,打包上线的时候,webpack会将public文件夹里面资源原封不动打包到dist文件夹里面src文件夹:程序员源代码文件夹-----assets文件夹:经常放置一些静态资源(图片),assets文件夹里面资源webpack会进行打包为一个模块,放在js文件夹里-----components文件夹:一般放置非路由组件(或者项目共用的组件)-----App.vue文件:唯一的根组件main原创 2022-02-02 14:02:03 · 552 阅读 · 0 评论 -
Vue中的一些小知识点
1.@blur是当元素失去焦点是所触发的事件;2.$event.target.value 用来获取当前元素的最新值;原创 2022-01-28 22:04:49 · 512 阅读 · 0 评论 -
Vue中的监视属性watch
监视的两种写法:(1)new Vue时传入watch配置//正常写法watch:{ number:{ // immediate:true, //初始化时让handler调用一下 // deep:true,//深度监视 handler(newValue,oldValue){ console.log('number被修改了',newValue,oldValue) } }}, //简写watch:{ number(newValue,oldValue){原创 2022-01-22 21:28:37 · 486 阅读 · 0 评论 -
webStorage(浏览器本地存储)
LocalStorage(Window.LocalStorage)相关API:1.LocalStorage.setItem('key', 'value'):接受一个键和值作为参数,把键值对添加到存储中,如果键名存在,则会更新其对应的值; //localStorage.setItem('msg','hello');2.LocalStorage.getItem('person'):接受一个键名作为参数,返回键名对应的值; //console.log(localStorage.g...原创 2022-01-22 15:07:17 · 378 阅读 · 0 评论