![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 51
cuiZero0
前端小白,多多指导
展开
-
优化打包vue项目
一、在打包项目时移除console1.下载包label-plugin-transform-remove-console2.修改babel.config文件// 这是项目发布阶段需要用到的 babel 插件const prodPlugins = []if (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console')}更改上线时去掉consolemodule.exports原创 2021-03-06 10:44:50 · 194 阅读 · 1 评论 -
vue脚手架
一.安装脚手架1.下载脚手架npm i -g @vue/cli 2.查看版本号vue -V二.vue创建项目;基础交互式命令行创建vue create 项目名 //项目名需要英文原创 2021-02-21 16:21:28 · 179 阅读 · 4 评论 -
vuex
1.vuex是什么是实现组件全局状态(数据)管理的一种机制,可以方便实现组件之间数据的共享。2.使用vuex统一管理状态的好处(1)能够在vuex中集中管理共享数据,易于开发和后期维护(2)能够高效实现组件之间的数据共享,提高开发小率(3) 存储在vuex数据都是响应式的,能够保存数据与页面的同步3. 步骤(1)安装vuex包npm i vuex --save(2)导入vuex包import Vuex from 'vuex'Vue.use(Vuex)(3)创建store对象c原创 2021-03-05 16:10:32 · 105 阅读 · 2 评论 -
vue组件兄弟传值
一、步骤1.单独的事件中心管理组件的通信var e =new Vue()2.监听事件一般放在生命周期函数里面mounted:function(){}e.$on('事件名称',(接收传递的参数)=>{ //执行传递参数的事件})3.触发事件在事件里面执行e.$emit('事件名称',参数)4.销毁事件e.$off('事件名称')二、案例此案例点击让各自兄弟变化1.定义组件; Vue.component('teb', {原创 2021-02-22 11:28:39 · 72 阅读 · 0 评论 -
pm2 管理相关配置
一、使用步骤1.在服务器中安装pm2:npm i npm2 -g2.启动项目:npm2 start 脚本 -- name 自定义名称3.查看运行项目npm2 ls4.重启项目pm2 restart 自定义名称5.停止项目pm2 stop 自定义名称6.删除项目pm2 delete 定义名称...原创 2021-03-27 20:35:13 · 165 阅读 · 0 评论 -
解决json数据大数字变化------Json-bigint包
1.下载安装Json-bigint包2.导入JSONBing包3.在axios的配置下配置transformResponse: []transformResponse: [ try { return JSONBig.parse(data) } carch (err) { return data }]原创 2021-03-16 16:22:36 · 534 阅读 · 0 评论 -
Prop数据
一、Prop是受父组件数据影响的1.如果是普通数据 (数字、字符串、布尔值)绝对不能修改即便改了也不会传给父组件2.如果引用数据类型(数组、对象) 可以修改,就是使用数组方法或者对象方法 但是不能复制二、路由设置props1.如果path里有拼接:id的,在路由里面设置props:true然后在需要使用id的组件里面用 props使用id这个数据props:[‘id’]就可以使用id数据2.第二个方法就是直接在要使用的地方使用this.$route.parame.id...原创 2021-03-15 16:51:54 · 95 阅读 · 0 评论 -
进度条nprogress
一、在下载vue的项目下下载此包二、导入包main.js文件下导入包三、在请求拦截器和相应拦截器里面原创 2021-03-05 09:03:27 · 80 阅读 · 1 评论 -
vue基础下
Promise异步请求解决异步编程解决方案用resolve和reject两个参数处理成功和失败两种情况,并通过p.then获取处理结果;var p=new Promise(funtion(reslive,reject){//要加以判断//成功函数调用 reslive()//失败函数调用 reject()})p.then(funtion(res){//正确结果},funtion(err){//错误结果})2.发送多次ajax请求函数(请求) .then(funtion(res原创 2021-02-23 19:57:34 · 64 阅读 · 0 评论 -
vue基础
使用vue1.需要根据提供的标签填充数据2.引入vue.js文件3.可以使用vue的语法做功能了4.将vue提供到数据填充到标签里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-02-21 09:02:15 · 66 阅读 · 0 评论 -
简单解决vue格式化
一、问题在写代码时,时不时会出现格式化错误’1.必须使用单引号;2.有些情况不能使用逗号或者分号等二、解决方案1.在全局下,创建一个.prettierrc文件2.在文件中写入;{ "semi":false, "singleQuote:true}目前理解,较浅,理解深了,再来补充。...原创 2021-02-09 20:56:31 · 1621 阅读 · 0 评论