05.Vue2组件
Vue2 组件基础 Vue 自定义组件步骤 定义组件 定义组件:使用 Vue.extend(options) 创建,其中 options 和 new Vue(options) 时传入的那个 options 几乎一样,但也有点区别; el 不要写,最终所有的组件都要经过一个 vm 的管理,由 vm 中的 el 决定服务哪个容器。 data 必须写成...
Vue2 组件基础 Vue 自定义组件步骤 定义组件 定义组件:使用 Vue.extend(options) 创建,其中 options 和 new Vue(options) 时传入的那个 options 几乎一样,但也有点区别; el 不要写,最终所有的组件都要经过一个 vm 的管理,由 vm 中的 el 决定服务哪个容器。 data 必须写成...
Vue 指令 指令是带有 v-xxx 前缀的特殊属性。指令用于在表达式的值改变时,将某些行为应用到 DOM 上。 内置指令 v-text 和 v-html 这 2 个指令会覆盖标签内容 v-text 向其所在的节点中渲染文本内容 不会解析 html 标签,原本输出 与插值语法的区别:v-text 会替换掉节点中的内容,`` 则不会...
Vue 模板语法 什么是 Vue 模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 Vue 模板语法有 2 大类: ...
Vue CLI 基础 什么是 Vue CLI? Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,称为脚手架工具。使用 Vue CLI 具有以下优点: 统一项目的架构风格 初始化配置项目依赖 提供单文件组件 安装 npm install -g @vue/cli # 或者 cnpm install -g @vue/cli # Mac如果出现权限错误,需...
Vue.js 入门 什么是 Vue.js? Vue 是一个渐进式的 JS 框架 vue 的特点 轻量级的框架 Vue.js 能够自动追踪依赖的模板表达式和计算属性,提供 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API,使读者更加容易理解,能够更快上手。 双向数据绑定 声明式渲染是数据双向绑定的主要体现,同样也是 Vue.js 的核心,它允许采...
Vuex 基础 Vuex 概述 在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 Vue 使用 何时使用? 多个组件需要共享数据时 搭建 vuex 环境 创建文件:src/store/index.js //引入Vue核心库 import Vu...
vue-router 官方文档:https://v3.router.vuejs.org/zh/guide/ 路由基础 概念 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key 是路径,value 是组件。 后端路由:value 是 function,用于处理请求路径找到匹配的函数来处理...
数据代理 什么是数据代理? 数据代理:通过一个对象代理对另一个对象中属性的操作(读/写)示例:通过对 obj2 的修改,其实是对 obj 的修改;获取 obj2 也是获取到 obj 上的值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>何为...
HTTPS Module HTTP 自带 Node.js 在标准库中带有 https 模块 const chalk = require("chalk") const https = require('https') https.get('https://api.juejin.cn/tag_api/v1/query_category_briefs', res => { l...
http 使用 http 创建 Web 服务器 http 模块提供的 request 和 response 对象。 request 对象封装了 HTTP 请求,我们调用 request 对象的属性和方法就可以拿到所有 HTTP 请求的信息; response 对象封装了 HTTP 响应,我们操作 response 对象的方法,就可以把 HTTP 响应返回给浏览器。 示例:...