Java_Leo12的博客

绑定事件触发事件将组合式API拿出来，封装成一个函数，在需要复用的位置，使用这个hook函数。一般创建一个hooks目录，在hooks目录当中放hook函数。代码复用。

传统web应用，又叫做多页面web应用：核心是一个web站点由多个HTML页面组成，点击时完成页面的切换，因为是切换到新的HTML页面上，所以当前页面会全部刷新。整个网站只有一个HTM页面，点击时只是完成当前页面中的切换。属于页面局部刷新。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。单页面的跳转。

on，一个触发。

在a页面中想获取b页面中的资源，如果a页面和b页面所处的协议、域名、端口不同（只要有一个不同），所进行的访问行动都是跨域的。（11）在Search组件中触发事件的时候，将多个属性封装为对象的形式（语义化更明确）传给Weather组件。第三方库方式，基于Promise的HTTP库：axios （对XMLHttpRequest进行的封装）（7）初次打开页面的时候，不应该显示天气的任何信息，Weather组件应该是隐藏的。同源策略是浏览器需要遵循的标准，而如果是服务器向服务器请求就无需遵循同源策略的。

click、keydown、keyup，这些事件都是内置事件。Vue也支持给组件添加自定义事件。包括两种方式：第一种方式：直接在组件标签上绑定事件第二种方式：通过代码来给组件绑定事件所有从父向子传递函数的位置，都可以修改为自定义事件方式。主要改造子向父传数据的功能。

函数式：// element 是真实dom对象(可以通过 element instanceof HTMLElement 判断)// binding 是绑定的对象函数调用时机：第一时机：模板初次解析时(元素与指令初次绑定)。第二时机：模板重新解析时。对象式：可以使用对象式完成更加细致的功能。// 元素与指令初次绑定时自动调用。// 元素已经被插入页面后自动调用。// 模板重新解析时被自动调用。自定义指令的函数中的this是window。

可以先不去了解Vue框架的发展历史、Vue框架有什么特点、Vue是谁开发的，对我们编写Vue程序起不到太大的作用，更何况现在说了一些特点之后，我们也没有办法彻底理解它，因此我们可以先学会用，使用一段时间之后，回头来熟悉一下Vue框架以及它的特点。以上程序执行原理：Vue编译器对template进行编译，遇到胡子{{}}时从data中取数据，然后将取到的数据插到对应的位置。第二：虽然是直接写到HTML代码当中的，但以上程序中第3~6行已经不是HTML代码了，它是具有Vue语法特色的模板语句。