Vue 核心
1.1、Vue 对象
想要 Vue 工作必须要创建 Vue 实例,并传入一个 配置对象
el :绑定容器
容器 与 Vue实例 关系:一对一
Vue实例 与 组件 配合使用
容器中的代码符合 html 规范,并且加入了特殊的 Vue 语法 (Vue 模板)
想要 Vue 工作必须要创建 Vue 实例,并传入一个 配置对象
el :绑定容器
容器 与 Vue实例 关系:一对一
Vue实例 与 组件 配合使用
容器中的代码符合 html 规范,并且加入了特殊的 Vue 语法 (Vue 模板)
组件定义:
组件:实现应用中 局部 功能 代码 和 资源 的 集合
组件化:当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用
注:
模块:向外提供特定功能的 js 程序, 一般就是一个 js 文件
模块化:当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用。
非单文件组件:一个文件中包含 n 个组件
Vue 脚手架 是 Vue 官方提供的标准化开发工具(开发平台)
Vue 脚手架:Vue CLI (command line interface)
全局安装 @vue/cli :
npm install -g @vue/cli
请求的发送:
① ajax (xhr)
② axios (对 xhr 的封装)
③ fetch(window 对象自带的 fetch() 函数,不常用)
④ vue-resource (对 xhr 的封装,用的不多)
解决 ajax 跨域问题的常用方法:
① jsonp (几乎不用)
② CORS (完全在服务器中进行,设置响应头 Access-Control-Allow-Origin
)
③ 配置代理服务器 (nginx 或 借助 vue-cli vue脚手架
解决)
vuex 概念:专门在 Vue 中实现 集中式状态(数据)管理 的一个 Vue 插件,对 vue 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种 组件间通信 的方式,且 适用于任意组件间通信。
vue-router :vue 的一个插件库,专门用来实现 SPA 应用
对 SPA 应用的理解 :
- 单页 Web 应用(single page web application,SPA)
- 整个应用只有一个完整的页面
- 点击页面中的 导航链接 不会刷新页面,只会做页面的 局部更新
- 数据需要通过 ajax 请求获取。
PC 端常用 UI 组件库