Vue
文章平均质量分 78
狂神b站vue视频:https://www.bilibili.com/video/BV18E411a7mC?p=1
万里顾—程
我变得自信有趣,
允许别人踏入我的生活;
我睡的越来越早,
开始在乎前途和未来,
我知道那个我回来了!
展开
-
Vue(13)——路由模式,定制404及路由钩子的简单使用
文章目录Vue(13)——路由模式,定制404及路由钩子的使用1、路由模式2、定制4043、路由钩子Vue(13)——路由模式,定制404及路由钩子的使用1、路由模式路由模式有两种:hash:路径带# 如http://localhost:8080/#/main (默认使用)history:路径不带# 如http://localhost:8080/main修改路由模式为history;export default new Router({ mode: 'history',原创 2021-07-09 21:13:36 · 230 阅读 · 0 评论 -
Vue(12)——嵌套路由,路由传参及重定向
文章目录Vue(12)——嵌套路由,路由传参及重定向1、嵌套路由2、路由传参3、重定向Vue(12)——嵌套路由,路由传参及重定向1、嵌套路由嵌套路由又称为子路由,在实际应用中,通常由多层嵌套的组件组合而成。同样的,URL中各段动态路径也按照某种结构对应嵌套的的各层组件,例如:在上一篇Vue(11)——vue+elementUI的使用中,我们创建了一个名为hello-vue的vue-cli程序,在此基础上新建测试所需组件。1、在view目录下main新建一个user目录,在user目录下建一个原创 2021-07-09 14:59:57 · 320 阅读 · 0 评论 -
Vue(11)——vue+elementUI的使用
文章目录Vue(11)——vue+elementUI的简单使用1、创建工程2、配置环境3、编写vue组件4、配置路由5、开启路由6、展示组件7、测试8、运行时可能遇到的问题:Vue(11)——vue+elementUI的简单使用Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型vue+elementUI的使用elementUI官网1、创建工程使用命令创建一个名为h原创 2021-07-08 18:44:40 · 549 阅读 · 0 评论 -
Vue(10)——vue-router路由
文章目录Vue(10)——vue-router路由1、vue-router概述2、vue-router测试Vue(10)——vue-router路由1、vue-router概述Vue Router 是 Vue官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史原创 2021-07-05 19:17:59 · 178 阅读 · 3 评论 -
Vue(09)——webpack的使用
文章目录Vue(09)——webpack的使用1、webpack概述2、webpack的使用Vue(09)——webpack的使用1、webpack概述本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个 bundle。它能把各种资源,如JS,JSX,ES6,SASS,LESS,图片等都作为模块来处理和使用。原创 2021-07-05 15:15:56 · 105 阅读 · 0 评论 -
Vue(08)——我的第一个vue-cli程序
文章目录Vue(08)——第一个vue-cli程序1、vue-cli概述2、安装vue-cli3、用vue-cli来构建项目Vue(08)——第一个vue-cli程序1、vue-cli概述vue-cli是官方提供的一个脚手架,用于快速生成一个vue的项目模板;vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上构建工具vue-cli,就是一个完整的vue项目的核心构成。vue-cli主要功能:统一的目录结构本地调试热部署单元测试集成打原创 2021-07-04 17:00:49 · 180 阅读 · 0 评论 -
Vue(07)——slot插槽和自定义事件
文章目录Vue(07)——slot插槽和自定义事件1、slot插槽2、自定义事件Vue(07)——slot插槽和自定义事件1、slot插槽什么是插槽Vue 实现了一套内容分发的 API,将 <slot> 元素作为承载分发内容的出口,称为插槽。插槽实质是对子组件的扩展,通过<slot>插槽向组件内部指定位置传递内容。插槽的使用准备一个待办事项(todo),该组件由待办事项(todo-title)和待办内容(todo-items)组成,下面就把todo-title和原创 2021-07-03 10:37:00 · 1822 阅读 · 1 评论 -
Vue(06)——计算属性
Vue(06)——计算属性什么是计算属性计算属性的重点突出在属性两个字,首先它是个属性,其次这个属性有计算的能力,这里的计算就是个函数,简单点说,它就是一个能够将计算结构缓存起来的属性,仅此而已,可以想象为缓存!代码实例将同一函数定义为一个方法和一个计算属性<!DOCTYPE html ><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta c原创 2021-07-02 15:50:49 · 154 阅读 · 0 评论 -
Vue(05)——axios异步通信
文章目录Vue(05)——axios异步通信1、axios概述2、第一个axios小程序Vue(05)——axios异步通信1、axios概述axios是一个开源的可以用在浏览器和node.js的异步通信框架,它的作用就是实现ajax异步通信,其功能特点如下:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF摘自axios中文原创 2021-07-02 11:20:49 · 208 阅读 · 0 评论 -
Vue(04)——组件基础使用
Vue(04)——组件基础使用组件的复用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件基础</title></head><body><script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js">&l原创 2021-07-01 19:23:36 · 71 阅读 · 0 评论 -
Vue(03)——绑定事件和双向绑定
文章目录Vue(03)——事件绑定和双向绑定1、事件绑定2、双向绑定2.1、表单输入绑定Vue(03)——事件绑定和双向绑定1、事件绑定可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。然而许多事件处理逻辑会更为复杂,所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。实例如下:<!DOCTYPE html><html lang="en" xmlns:v-on="http原创 2021-07-01 09:29:52 · 166 阅读 · 2 评论 -
Vue(02)——Vue基础语法
文章目录Vue(02)——基础语法1、条件语句2、循环语句Vue(02)——基础语法1、条件语句v-if条件判断使用 v-if 指令:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>if</title></head><body><script src="https://cdn.js原创 2021-06-30 15:53:51 · 117 阅读 · 0 评论 -
Vue(01)——我的第一个Vue应用
文章目录Vue(01)——我的第一个Vue应用1、Vue概述2、Vue起步3、MVVMVue(01)——我的第一个Vue应用1、Vue概述Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2、Vue起步1.先创建一个.html文件,导入cdn<!-- 开发环境原创 2021-06-29 20:54:18 · 307 阅读 · 3 评论