![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端Vuejs
文章平均质量分 66
zcodery
我会持续记录在学习过程中的学习经历,希望大家多多支持,有什么记录不对的地方,还望纠正。
展开
-
Vue Router(5)
Vue-Router1. 什么是前端路由网址:router.vuejs.org后端渲染\后端路由前后端分离SPA\前端路由2. 路由的基本配置配置路由信息(index.js)安装 vue-routernpm install vue-routervue.use => 创建对象 => 挂载到实例上import VueRouter from "vue-router"import Vue from "vue"// 1. 通过vue.use(插件),安装插件原创 2021-01-24 13:55:08 · 137 阅读 · 0 评论 -
Vuejs Vuex(7)
Vuex1. 什么是状态管理状态管理状态管理模式集中式存储管理Vuex 状态管理2. Vuex 的基本使用mutations -> devtoolsVuex 管理插件(Devtools)// 浏览器中安装:菜单–>扩展程序–>网上搜索 devtools–>下载基本结构import Vue from "vue"import Vuex from "vuex"// 1. 安装插件Vue.use(Vuex)// 2. 创建对象cons原创 2021-01-24 13:53:38 · 69 阅读 · 0 评论 -
Vuejs Promise(6)
Promise1. Promise 的基本使用什么情况会使用 Promise一般情况下是有异步操作时,使用 Promise 对这个异步操作进行封装{ resolve, reject } => then/catch三种状态: pending(等待状态)、fulfill(满足状态[一般处于该状态下])、reject(拒绝状态)主要针对回调函数(链式编程)链式情况(极端情况) <= 回调函数中回调函数情况new Promise((resolve, reject) =&原创 2021-01-24 13:52:13 · 76 阅读 · 0 评论 -
VueJS 基础部分-Vue CLI(4)
Vue CLI13.1 什么是 Vue CLI网站地址:cli.vuejs.org脚手架是什么东西CLI 依赖 webpack ==> node 中的 npm安装 CLI3->拉去 CLI2 模块npm install -g @vue/cli13.2 CLI2 初始化项目的过程配置相关文件vue init webpack `项目名称`13.3 CLI2 生产的目录结构的解析13.4 runtime-complier 和 runtime-only 的区别r原创 2021-01-16 22:05:50 · 77 阅读 · 0 评论 -
高阶函数 filter/map/reduce
1. 编程范式(1)命令式编程声明式编程2. 编程方式(2)面向对象编程(第一公民: 对象)函数式编程(第一公民: 函数)JavaScript 高级知识初级方法 const nums = [10, 20, 111, 222, 444, 40, 50] // 1.需求: 取出所有小于 100 的数字 let newNums = [] for (let n of nums) { if(n < 100) { newNums.push(n)原创 2021-01-31 12:30:47 · 82 阅读 · 0 评论 -
VueJS 基础部分-webpack (3)
webpack1. 为什么使用 webpackwebpack 和 gulp 对比webpack 依赖环境2. 配置 webpack 文件下载 webpack 文件// 先下载nodejs 然后在 cmd 中npm install webpack@5.0.0 -g// 查看webpack版本webpack -version// 安装淘宝镜像npm config set registry https://registry.npm.taobao.org终端配置 webp原创 2021-01-16 16:03:37 · 73 阅读 · 0 评论 -
VueJS 基础部分-组件化(2)
第一章 组件化1.1 认识组件化组件化就是将一个页面拆分成一个个小的功能模块,每个功能模块完成属于自己这部分独立的功能,使得整个页面的管理和维护变得非常容易1.2 组件的基本使用过程<div id="app"> <!-- 3. 使用组件 --> <my-cpn></my-cpn> <my-cpn></my-cpn> <my-cpn></my-cpn></div&原创 2021-01-16 16:00:20 · 69 阅读 · 0 评论 -
VueJS 基础部分(1)
1. 基础语法2. 插值语法3. 动态绑定4. 计算属性5. 事件监听6. 条件绑定7. 循环遍历8. 表单(v-model)原创 2021-01-16 15:53:10 · 88 阅读 · 0 评论