Vue
文章平均质量分 62
Vue学习笔记
童、一
这个作者很懒,什么都没留下…
展开
-
Vue-Router路由的使用
学习目标:Vue-Router路由的使用学习内容:Vue-Router路由学习时间:学习产出:Vue-Router路由1、介绍Vue Router是Vue.js官方的路由管理器(路径跳转)。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动**的CSS class的链接HTML5历史模式或hash模式,在IE原创 2021-04-16 00:59:13 · 120 阅读 · 0 评论 -
WebPack的安装及使用
学习目标:WebPack的安装及使用学习内容:WebPack的使用学习时间:学习产出:WebPack1、介绍WebPack是一款模块加载打包工具,它能把各种资源,如JS、JSX、ES6、SASS、LESS、图片等都作为模块来处理和使用。本质上,WebPack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当WebPack处理应用程序程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个原创 2021-04-16 00:57:39 · 5291 阅读 · 0 评论 -
Vue-cli 脚手架
学习目标:Vue-cli 脚手架学习内容:Vue-cli脚手架学习时间:学习产出:八、Vue-cli1、Vue-cli介绍Vue-cli是Vue官方提供的一个脚手架,用于快速生成一个vue项目模板预先定义好的目录结构以及基础代码,就好比咱们在创建maven项目时可以选择一个骨架项目,这个骨架项目就是脚手架,帮助我们的开发更加快速主要功能统一的目录结构本地调试热部署单元测试集成打包上线2、配置环境1、Node.js:http://nodejs.原创 2021-04-16 00:55:34 · 116 阅读 · 0 评论 -
Vue中插槽的使用
学习目标:Vue中插槽的使用学习内容:1、 插槽2、自定义分发事件学习时间:学习产出:七、内容分发Slot1、插槽Slot:介绍: Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 元素作为承载分发内容的出口。前端代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-04-16 00:52:53 · 185 阅读 · 0 评论 -
Vue中Axios的使用
学习目标:Vue中Axios的使用学习内容:axios计算属性学习时间:学习产出:Axios1、axios介绍Axios是一个可以用在浏览器端和Node JS的异步通信框架,它的主要作用就是实现Ajax异步通信,其功能特点如下:从浏览器中创建XMLHttpRequests从Node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XRSF(跨站请求伪造)2、为什原创 2021-04-16 00:50:42 · 227 阅读 · 0 评论 -
Vue组件
学习目标:Vue的组件学习内容:Vue的组件学习时间:学习产出:五、Vue的组件1、介绍组件是可复用的Vue实例,说白了就是一组可复用的模板,跟JSTL的自定义标签、Thymeleaf的th:fragment等框架有异曲同工之妙。通常一个应用会以一课嵌套的组件树的形式来组织:例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件。2、第一个Vue组件注意:在实际开发中,我们并不会用以下方式开发组件,而是采用vue-cli创建,v原创 2021-04-09 01:01:21 · 88 阅读 · 0 评论 -
Vue的双向绑定
学习目标:Vue的双向绑定学习内容:Vue的双向绑定学习时间:学习产出:四、Vue的双向绑定1、什么是双向绑定Vue.js是一个MVVM框架,即数据双向绑定,当数据发生变化时,视图也发生变化,当视图发生变化时,数据也会跟着同步变化。注意:我们所说的数据双向绑定,一定是对于UI控件来说的,非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vuex,那么数据流也是单向的,这时就会和双向数据绑定有冲突。2、为什么要实现数据的双向绑定在Vue.原创 2021-04-09 00:59:30 · 1476 阅读 · 0 评论 -
Vue基本语法
学习目标:Vue基本语法学习内容:Vue基本语法v-bindv-if,v-elsev-forv-on:事件绑定学习时间:学习产出:三、Vue基本语法v-bindv-if,v-elsev-forv-on:事件绑定1、前端:基本语法.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2021-04-09 00:57:54 · 63 阅读 · 0 评论 -
初识Vue
学习目标:初识Vue学习内容:初识Vue学习时间:学习产出:一、初识Vue1、概述Vue是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其他大型框架不同的是,Vue被设计未可以自底向上逐层应用。Vue的核心库只关注图层,不仅易于上手,还便于与第三方库(如:vue-router:跳转,vue-resource:通信,vuex:管理)或既有项目整合2、前端三要素HTML(结构):超文本标记语言,决定网页的结构和内容CSS(表现):层叠样式表,设定网页的表现样原创 2021-04-09 00:54:22 · 95 阅读 · 0 评论