VUE疑问解答

it2023-10-31  74

vue click.stop阻止点击事件继续传播举例 使用之后本地起作用,外面的div点击事件不在起作用 参考博客:https://blog.csdn.net/qq_21859119/article/details/78533584

vue项目中引入饿了么elementUI组件 测试的可以使用官方写好的组件人,然后再main注解引用,(在main引用组件的时候记得引用对应的css和js)

 

VueX(Vue状态管理模式)

帮助我们统一管理组件中的对象

参考博客:https://www.jianshu.com/p/2e5973fe1223

 

vue项目部署到tomcat中

配置好基本配置将dist文件放到与后台项目同目录下( tomcat是在webapps中 )重启tomcat服务浏览器输入 ip+端口+dist ,就可以正常访问了。

参考博客:https://blog.csdn.net/qq_19069509/article/details/107256336  

Vue项目部署到SpringBoot工程下 打包之后的文件会有一个index.html页面 这个是项目的入口 参考博客:https://blog.csdn.net/dongzhensong/article/details/90574277

vue中sessionStorage的使用 参考博客:https://www.cnblogs.com/denken/p/11197612.html

module.exports用法 module.exports 对象是由模块系统创建的。在我们自己写模块的时候,需要在模块最后写好模块接口,声明这个模块对外暴露什么内容,module.exports 提供了暴露接口的方法。 参考博客:https://blog.csdn.net/zhanghow/article/details/86616378

使用vue-cli创建vue项目及项目结构说明 参考博客:https://www.cnblogs.com/liyunfei0103/p/10183620.html

Vue项目的启动加载过程

参考博客:https://blog.csdn.net/tangyuzhidao/article/details/90445195

vue router.beforeEach()详解 参考博客:https://www.cnblogs.com/Rivend/p/11984321.html

Vuex---dispatch 和 commit 的区别与使用 参考博客:https://www.jianshu.com/p/92cacdb75b69

 

vue中sessionStorage

 

$mount和el的区别(都是把实例化的vue挂载到dom中)

vue的config文件夹下的Index.js解释

//此文件是用来配置开发环境和生产环境的配置参数 'use strict'//严格模式 const path = require('path')//node的path模块 用来统一路径   module.exports = {     dev:{//开发环境         //定义静态资源根目录的子目录static        assetsSubDirectory:'static',        //静态资源的公开路径        assetsPublicPath:'',        //代理表,用来建一个虚拟api服务器来代理本机的请求,只用于开发模式        proxyTable:{            //下面是例子            "/api":{                //设置调用的接口域名和端口                target:"http://123.45.678.123/api/user",                //可跨域                changeOrigin:true,                pathRewrite:{                    "^api":""//用/api代替http://123.45.678.123/api/user                }            }        },        //主机        host:'localhost',        //域名        port:8080,        //是否在浏览器中自动打开        autoOpenBrowser:false,        //是否查询错误        errorOverlay:true,        //是否通知错误        notifyOnErrors:true,        poll:false,        //开发工具,不每个模块使用 eval() 执行,并且 SourceMap 转换为 DataUrl 后添加到 eval() 中。"低开销"是因为它没有生成列映射(column map),只是映射行数,作用是当js抛出异常时,显示报错的是第几行        devtool:'cheap-module-eval-source-map',        //是否缓存破坏        cacheBusting:true,        //记录压缩的代码,用来找到源码位置        cssSourceMap:true     },     build:{//生产环境         //编译输入的index.html文件,path.resolve(__dirname,'')是获取其完整的绝对路径         index:path.resolve(__dirname,'../dist/index.html'),         //编译输出的静态资源路径         assetsRoot:path.resolve(__dirname,'../dist'),         //编译输出的静态资源路径的子目录         assetsSubDirectory:'static',         //编译输出的根目录         assetsPublicPath:'/',         //是否开启sourceMap         productionSourceMap:true,         //开发工具 用来调试         devtool:'#source-map',         //是否开启gzip压缩         productionGzip:false,         //使用gzip压缩的文件扩展名         productionGzipExtensions:['js','css'],         //性能优化 打包文件分析工具 process是node.js的进程的有关信息以及控制进程         bundleAnalyzerReport:process.env.npm_config_report     } }

vue 阶段性总结 参考博客:https://www.cnblogs.com/kingsm/p/9470940.html

 

最新回复(0)