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