吃瓜网站&吃瓜事件：
VUE:组件与组件之间的通信
vue组件之间的通信 在父组件的页面上使用v-bind：或：将数据传递给子组件，子组件通过props获取父组件传递的值。多级组件嵌套需要传递数据时，常用的方法是vuex。但是，如果只传输数据而不进行中间处理，使用vuex处理就有点大材小用了。
Vue组件间通信父[文]组件向子组件通信方[章]法一：props使[来]用 props ，父组件可以使用p[自]rops向子组件传[Z]递数据。
vuex 唯一的全局数据管理者store，通过它管理数据并通知组件状态变更。
vue-photo-preview自定义功能
在Vue组件中，找到需要自定义渲染label的元素或组件。使用Vue的模板语法，在该元素上使用v-bind指令将label与数据绑定，例如，可以使用v-bind：label或简写形式的：label。在Vue组件的数据或计算属性中定义一个变量，它将作为label的值，这个变量可以是字符串、变量、表达式等。
首先，在Vue2中[B]，可以使用v-fo[L]r指令来循环渲染轮[O]播图中的所有照片。[G]例如： 在这个例子中，我们[文]使用v-for指令[章]循环渲染了一个包含[来]多个img元素的d[自]iv。每个img元[Z]素都对应着轮播图中[B]的一张照片。接下来[L]，我们可以在轮播图[O]的上方或者下方添加[G]一个按钮，用于跳转[文]到指定的照片。
Vue 根实例 (new Vue) 的模板中。 使用 Vue.compo[章]nent 来创建全局组件。V[来]ue.compon[自]ent的第一个参数[Z]就是组件名。emi[B]t()用于触发自定[L]义事件。注意：事件[O]名称中不能采用大写[G]字母。效果：效果：[文]slot 用于在组件的内部定[章]义插槽，组件标签之[来]间的所有html内[自]容，会在插槽所在位[Z]置呈现。
但有的时候，我们需[B]要在原组件的基础上[L]做些改造，比如一个[O] image 组件， 我们需要统一在图片[G]加载失败的时候展示[文]的特定图，每次使用[章]组件都加一遍， 麻烦耗时，关键是维[来]护成本高，当需要更[自]新这个加载出错的图[Z]片时， 得再次一个个去找到[B]使用该组件的地方修[L]改。
一劳永逸：卸载 VSCode 的 Vue 支持插件。如果插件支持自定义配置，可以找找该功能的配置项然后进行配置。不想卸载插件，不能进行配置，又不想要这个功能：联系插件开发者提需求。
自定义上传相比action上传，扩展性更强，当项目里上传需求较多，且连接不同接口地址时，配置uploadheaders 配置很多显然不太优雅。注意：自定义上传时，需要对该上传设置一下请求头 。
vue页面打开列表第一个点击事件
1、vue实现自动点击事件，刚进入页面即发生点击事件。这里用的是vue的可移步到vue文档。自定义指令directive，具体使用 若是没有v-for循环，则直接放入directive自定义指令。若是有v-for循环，需要自动点击索引第一个，则需要binding。
2、给点击按钮添加vue的点击事件。在点击按钮标签里面添加上@click=test即可。保存html代码，然后使用浏览器进行打开，在浏览器页面点击按钮事件，这个时候就可以看浏览器上弹出一个alert弹出框，表示vue点击事件已成功执行。所有代码。
3、vonclic[O]k。在Vue中，可[G]以使用von指令来[文]绑定事件，其中cl[章]ick事件用于处理[来]单击行为。通过在元[自]素上使用voncl[Z]ick，可以指定当[B]该元素被单击时要执[L]行的函数或方法。
4、首先，在编辑器中创建一个web项目，并在目录中创建一个新的静态页面buttonclick.html：然后在title标签中介绍准备好的vue.js库文件。
