![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 60
阿国GG在学习
这个作者很懒,什么都没留下…
展开
-
Vue-13-axios
一、介绍 基于promise可以用于浏览器和node.js的网络请求库 Axios 是什么? Axios 是一个基于promise网络请求库,作用于node.js和浏览器中。 它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.jshttp模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。 特性 从浏览器创建XMLHttpRequests 从 node.js 创建http请求 支持Promise...原创 2022-03-30 19:38:10 · 1435 阅读 · 0 评论 -
Vue-12-Router
、声明:之后的内容都是基于Vue3 一、介绍 Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 细致的导航控制 自动激活 CSS 类的链接 HTML5 history 模式或 hash 模式 可定制的滚动行为 URL 的正确编码 二、安装 npm npm in..原创 2022-03-30 19:12:13 · 104 阅读 · 0 评论 -
Vue-11-Vue-cli
一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过@vue/cli实现的交互式的项目脚手架。 通过@vue/cli+@vue/cli-service-global实现的零配置原型开发。 一个运行时依赖 (@vue/cli-service),该依赖: 可升级; 基于 webpack 构建,并带有合理的默认配置; 可以通过项目内的配置文件进行配置; 可以通过插件进行扩展。 一个丰富的官方插件集合,集成了前端生态中最好的工具。 一套完...原创 2022-03-30 17:40:45 · 112 阅读 · 0 评论 -
Vue-10-组件
一、组件感受 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 使用CDN的方式引入Vue.js --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></scri原创 2022-03-30 00:53:02 · 916 阅读 · 0 评论 -
Vue-09-自定义指令
一、指令的注册 自定义指令的注册分为全局注册和局部注册。 语法:Vue.directive(id,definition)。id是指令的唯一表示,definition定义对象则是指令相关属性及钩子函数 全局指令注册 // 注册一个全局自定义指令v-focus Vue.directive('focus',{ // 定义对象 }) 局部指令注册 var vm=new Vue({ el:#app, directives:{ focus;{原创 2022-03-29 23:47:20 · 348 阅读 · 0 评论 -
Vue-08-一个小的图书馆里案例
基于之前的知识一个简易的图书管理系统:需要用到bootstrap <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script&g原创 2022-03-29 23:25:49 · 167 阅读 · 0 评论 -
Vue-07-事件绑定
一、介绍 Vue提供了 v-on 指令来监听DOM事件,在时间绑定上,类似原生JavaScript的onclick事件写法,也是在HTML上进行监听。 二、基本用法 Vue种的绑定事件,使用v-on:事件名=函数名来完成,这里函数名定义在Vue实例的methods对象中,Vue实例可以直接访问其中的方法 v-on:事件名.修饰符=方法名()| 方法名 | 简单的JS表达式 简写:@事件名.修饰符=方法名()| 方法名 | 简单的JS表达式 事件名:click|keydown|keyup|mouse原创 2022-03-29 23:23:45 · 678 阅读 · 0 评论 -
Vue-06-模板渲染
一、条件渲染 1、v-if、v-elese-if、v-else 注意:需要使用多个v-if、v-elese-if、v-else之间需要紧挨着,如果在他们之间插入一行新代码则编译浏览器会报错 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 使用CDN的方式引入Vue.js --原创 2022-03-29 23:05:03 · 333 阅读 · 0 评论 -
Vue-05-表单控件
表单控件原创 2022-03-17 13:18:08 · 270 阅读 · 0 评论 -
Vue-04-实例及选项
Vue实例即选项原创 2022-03-14 09:15:59 · 162 阅读 · 0 评论 -
Vue-03-过滤器
过滤器原创 2022-03-14 07:42:17 · 389 阅读 · 0 评论 -
Vue-02-基本语法
一、条件语句 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script> </head> <body&原创 2022-03-13 16:25:18 · 1313 阅读 · 0 评论 -
Vue-01-HelloVue
一、简介 Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 二、安装使用 1、可以本地直接在官网下载并用<script>标签引入。:https://cn.vuejs.org/ 2、使用 CDN 方法 Sta...原创 2022-03-11 15:53:50 · 59 阅读 · 0 评论