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 · 1414 阅读 · 0 评论 -
Vue-12-Router
、声明:之后的内容都是基于Vue3一、介绍Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。功能包括:嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 细致的导航控制 自动激活 CSS 类的链接 HTML5 history 模式或 hash 模式 可定制的滚动行为 URL 的正确编码二、安装npmnpm in..原创 2022-03-30 19:12:13 · 102 阅读 · 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 · 110 阅读 · 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/[email protected]/dist/vue.js"></scri原创 2022-03-30 00:53:02 · 914 阅读 · 0 评论 -
Vue-09-自定义指令
一、指令的注册自定义指令的注册分为全局注册和局部注册。语法:Vue.directive(id,definition)。id是指令的唯一表示,definition定义对象则是指令相关属性及钩子函数全局指令注册// 注册一个全局自定义指令v-focusVue.directive('focus',{ // 定义对象})局部指令注册var vm=new Vue({ el:#app, directives:{ focus;{原创 2022-03-29 23:47:20 · 346 阅读 · 0 评论 -
Vue-08-一个小的图书馆里案例
基于之前的知识一个简易的图书管理系统:需要用到bootstrap<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script&g原创 2022-03-29 23:25:49 · 163 阅读 · 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 · 672 阅读 · 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 · 322 阅读 · 0 评论 -
Vue-05-表单控件
表单控件原创 2022-03-17 13:18:08 · 269 阅读 · 0 评论 -
Vue-04-实例及选项
Vue实例即选项原创 2022-03-14 09:15:59 · 159 阅读 · 0 评论 -
Vue-03-过滤器
过滤器原创 2022-03-14 07:42:17 · 367 阅读 · 0 评论 -
Vue-02-基本语法
一、条件语句<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script></head><body&原创 2022-03-13 16:25:18 · 1306 阅读 · 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 · 57 阅读 · 0 评论