事件其实就是鼠标点击事件、键盘事件等等;
但在vue.js中,提供了一种自定义事件,创建自定义事件的函数$emit();
其实也类似于定义函数方法;
$emit(“myEvent”)
$emit括号内自定义事件的名称;
然后在标签中使用v-on:或者@获取使用;
在调用方法时,在还没有页面就返回数据,需要使用vm
注意:vm只能在beforeRouteEnter中使用,而beforeRouteLeave没有这个属性;
Webpack
本质上,webpack是一个现代化javaScript应用程序静态模块打包器(module bundler)。当webpack处理应用程序时,它会递归地创建一个关系依赖图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。
步骤:
要想使用webPack,首先需要安装webpack;
可以选择使用cmd命令提示符安装;
语句:npm install webpack -g
npm install webpack-cli -g
然后,等待安装下载即可;
在webpack项目中,首先一般需要一个入口函数:main.js (js文件创建即可)
exprots – 对外暴露接口的函数;
improt – 导入接口的函数
配置js的名称:webpack.config.js (否则会找不到)
webpack.config.js下面有一个watch:ture/false;它的作用是用于对代码(浏览器)的一个监听,为false时,就算修改了代码浏览器上刷新也不会发生任何改变,为ture时,但你修改了代码,刷新浏览器即可改变成你修改之后的效果;
但这个watch一般都不用,会把它删掉;
而且直接在cmd命令提示符上使用;
在命令提示符输入:webpack --watch 同样可以达到watch为true的一个效果;
打包步骤:
• 打开cmd命令提示符(以管理员身份运行);
• 首先把C盘切换到项目所在的盘,然后cd 项目所在路径; 例:cd F:\webPackProject
• 最后输入webpack 回撤即可;