VueStudy
vue学习笔记
LittlePanger
这个作者很懒,什么都没留下…
展开
-
Vue 面试题汇总
vue 面试题汇总1、active-class 是哪个组件的属性?嵌套路由怎么定义(1)、active-class 是 vue-router 模块的 router-link 组件的属性 (2)、使用 children 定义嵌套路由2、怎么定义 vue-router 的动态路由? 怎么获取传过来的值在 router 目录下的 index.js 文件中,对 path 属性加上 /:id。...原创 2020-04-11 13:00:24 · 116 阅读 · 0 评论 -
Vue 09.前后端交互
前后端交互模式接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何...原创 2020-04-11 12:59:50 · 154 阅读 · 0 评论 -
Vue 08.webpack中使用.vue组件
webpack中使用.vue组件运行npm i vue -S将vue安装为运行依赖;运行npm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖;在webpack.config.js中,添加如下module规则:const path = require('path');const htmlWebpackPlugi...原创 2020-04-10 11:39:49 · 135 阅读 · 0 评论 -
Vue 07.webpack
引入在网页中会引用哪些常见的静态资源?JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .ttf .eot .woff .woff2...原创 2020-04-10 11:39:18 · 220 阅读 · 0 评论 -
Vue 06.路由
路由定义对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由...原创 2020-04-10 11:38:26 · 120 阅读 · 0 评论 -
Vue 05.组件
组件组件: 组件是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化区别:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;全局组件定义的三种方式注意: 组件中的DOM结构,有且只...原创 2020-04-10 11:38:00 · 124 阅读 · 0 评论 -
Vue 04.过渡&动画
过渡&动画vue文档-过渡&动画为什么要有动画:动画能够提高用户的体验,帮助用户更好的理解页面中的功能;使用过渡类名HTML结构:<div id="app"> <input type="button" value="动起来" @click="myAnimate"> <!-- 使用 transition 将需要过渡的元素包裹...原创 2020-04-10 11:37:24 · 198 阅读 · 0 评论 -
Vue 03.vue-resource
vue-resource 发送请求vue-resource GitHub文档除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求vue-resource 的配置直接在页面中,通过script标签,引入 vue-resource 的脚本文件;注意:引用的先后顺序是:先引用 Vue 的脚本文件,再引用 vue-resource 的脚本文件;...原创 2020-04-10 11:30:23 · 329 阅读 · 0 评论 -
Vue 02.生命周期
vue实例的生命周期vue文档-实例的生命周期生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实...原创 2020-04-10 11:29:39 · 94 阅读 · 0 评论 -
Vue 01.基础
Vue与MVVM模式后端中的 MVC 与 前端中的 MVVM 之间的区别MVC 是后端的分层开发概念;MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM ViewModel为什么有了MVC还要有MVVMVue.js 基本代码 和 MVVM 之间的对应关系<body><...原创 2020-04-10 11:27:42 · 273 阅读 · 0 评论