
VUE学习系列笔记
文章平均质量分 91
学习vue过程笔记
fjnu_SuXianPeng
这个作者很懒,什么都没留下…
展开
-
VUE学习系列笔记day07
VUE中文官网:VUE中文官网 Vue脚手架官网地址:Vue脚手架官网 本篇涉及知识:Vue脚手架的学习、Element-UI的基本使用 1.脚手架的基本用法 作用:vue脚手架可以用于快速生成Vue的项目基础架构,无需进行手动配置。 安装 控制台安装命令(要先安装node.js):npm install -g @vue/cli(此命令是安装最新的,如果要指定版本可以使用 npm install -g @vue/cli@3.3.0);查看当前脚手架版本命令:vue -V;打开图形化界面创原创 2020-12-27 11:42:48 · 454 阅读 · 1 评论 -
VUE学习系列笔记day06
VUE中文官网:https://vuejs.bootcss.com/guide/custom-directive.html 本篇涉及知识:模块化相关规范、webpack用法、Vue单文件组件、Vue脚手架、Element-UI的基本使用 1、模块化相关规范 模块化概述 传统开发模式存在问题: 因为没有使用模块化开发,所以存在1.命名冲突问题(多个js文件中如果与重名变量会发生变量覆盖问题)2.文件依赖问题(js文件之间无法实现相互的引用) 通过模块化可以解决上述问题:模块化即将单独的一个功能原创 2020-12-24 10:15:16 · 557 阅读 · 0 评论 -
VUE学习系列笔记day05
VUE中文官网:https://vuejs.bootcss.com/guide/custom-directive.html 目录1、路由的基本概念、原理基本概念简易实现前端路由**Vue Router**2、vue-router的基本使用基本使用路由重定向3、嵌套路由4、动态路由匹配动态路由与$route.params传参Props传参5、命名路由6、编程式导航: 本篇涉及知识:路由的基本概念与原理、基本使用、嵌套路由、动态路由匹配、命名路由、编程式导航 1、路由的基本概念、原理 基本概念 路由的本原创 2020-12-23 14:51:54 · 342 阅读 · 0 评论 -
VUE学习系列笔记day04
VUE中文官网:https://vuejs.bootcss.com/guide/custom-directive.html 目录1、前后端接口调用方式:2、Promise:**Promise基本声明使用****Promise处理Ajax请求(包含嵌套调用)****Promise常用API**3、接口调用fetch方法:**基本特性****参数传递****fetch响应结果**4、接口调用axios用法:**基本特性****参数传递****axios的响应结果****axios全局配置****axios拦截器原创 2020-12-22 20:33:43 · 126 阅读 · 0 评论 -
VUE学习系列笔记day03
VUE中文官网:https://vuejs.bootcss.com/guide/custom-directive.html 本篇涉及知识:组件化开发思想、组件注册、Vue调试工具、组件间数据交互、组件插槽 1、组件化开发思想: 特点:有标准(统一标准)、分治(不同功能封装到不同组件)、重用(代码可复用)、组合(不同组件组合到一起可成为一个新组件) 组件化规范:通过创建 封装好功能的 定制元素(自定义标签)解决希望尽可能多的重用diamond、多次使用组件不会导致冲突、自定义组件方式容易等需求原创 2020-12-21 16:25:12 · 101 阅读 · 0 评论 -
VUE学习系列笔记day02
VUE中文官网:https://vuejs.bootcss.com/guide/custom-directive.html 本篇涉及知识:VUE常用特性,含表单操作、自定义指令、计算属性、过滤器、侦听器、生命周期 1、表单操作(将数据与各个表单标签通过v-model进行双向绑定):在JS中input标签type=”text”时可作为单行输入文本框;type=“radio”时可作为单选框(多个input标签用span、div进行包裹,注意给标签进行赋值value),type=”checkbox”时为多原创 2020-12-20 17:55:56 · 214 阅读 · 0 评论 -
VUE学习系列笔记day01
VUE官网:https://vuejs.org/v2/api/ 1、vue可以当做库使用(引入js,可调用api),也可以当做框架使用。其是一个渐进式框架,渐进层次为:声明式渲染–组件系统–客户端路由–集中式状态管理–项目构建 2、{{}}为插值表达式,可将数据填充到html标签中,可支持一些简单数据表达式的计算. el:元素挂载位置(值可以是css选择器,如:#app id选择器定位;此外也可以是DOM元素,如:document.getElementById(“app”)获取) data:原创 2020-12-16 23:04:00 · 136 阅读 · 0 评论