vue
关注
分享
扫一扫
文章平均质量分 85
Mordle_
知道的越多，不知道的越多
展开
-
Vue:404和路由钩子-狂神
目录1.路由模式2.处理4043.路由钩子路由钩子的使用4.在钩子函数中使用异步请求小结前面我们实现的功能中，请求组件的时候它的url中总是有一个"#"符号，这显然和我们平时使用的习惯不符，所以我们需要解决这个问题；这个问题可以通过设置路由对象的路由模式解决1.路由模式vue的辅助类VueRouter的路由模式有两种hash：路径带 # 符号，如 http://localhost/#/loginhistory：路径不带 # 符号，如 http://localhost/login我们可以通过原创 2021-12-06 18:29:38 · 432 阅读 · 0 评论 -
Vue：elementUi-参数传递，重定向
创建工程注意：命令行都要使用管理员模式运行1.创建名为hello-vue工程vue init webpack hello-vue2.安装依赖#进入工程cd hello-vue#安装 vue-routernpm install vue-router --save-dev#安装element-uinpm i element-ui -S#安装依赖npm install#安装 SASS 加载器cnpm install sass-loader node-sass --save-d原创 2021-12-06 15:06:08 · 695 阅读 · 0 评论 -
Vue：vue-router-狂神
说明Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成， 让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接HTML5 历史模式或hash模式， 在IE 9中自动降级自定义的滚动行为安装基于第一个vue-cli进行测试学习； 先查看node modules中是否存在vue-router vue-原创 2021-12-06 11:00:55 · 155 阅读 · 0 评论 -
vue：webpack学习——狂神说
目录什么是Webpack模块化的演进CommonsJSAMDCMDES6模块安装Webpack配置使用webpack什么是Webpack本质上， webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack处理应用程序时， 它会递归地构建一个依赖关系图(dependency graph) ， 其中包含应用程序需要的每个模块， 然后将所有这些模块打包成一个或多个bundle. Webpack是当下最热门的前端资源模块化管理和打包工具， 它可以原创 2021-12-06 10:22:15 · 140 阅读 · 0 评论 -
Vue:第一个vue-cli程序
1、什么是vue-clivue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；主要的功能统一的目录结构本地调试热部署单元测试集成打包上线2、需要的环境安装nodejs：Node.js：http://nodejs.cn/download/安装就是无脑的下一步就好，安装在自己的环境目录下Git：https://git-scm.c原创 2021-12-05 20:44:31 · 409 阅读 · 0 评论 -
Vue笔记：计算属性、内容分发、自定义事件（狂神）+入门小结
目录1、什么是计算属性2、内容分发3、自定义事件4、Vue入门小结说明1、什么是计算属性计算属性的重点突出在属性两个字上(属性是名词)，首先它是个属性其次这个属性有计算的能力(计算是动词)，这里的计算就是个函数：简单点说，它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性)，仅此而已；可以想象为缓存!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-12-04 16:30:46 · 149 阅读 · 0 评论 -
Vue：Axios异步通信
目录1、什么是Axios1.1、为什么要使用Axios2、第一个Axios应用程序3、Vue的生命周期1、什么是AxiosAxios是一个开源的可以用在浏览器端和Node JS的异步通信框架， 她的主要作用就是实现AJAX异步通信，其功能特点如下：从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)GitHub：h原创 2021-12-04 15:41:24 · 145 阅读 · 0 评论 -
Vue：表单双绑、组件-狂神
1、什么是双向数据绑定Vue.js是一个MV VM框架， 即数据双向绑定， 即当数据发生变化的时候， 视图也就发生变化， 当视图发生变化的时候，数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vue x那么数据流也是单项的，这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定在Vue.js中，如果使用vuex， 实际上数据还是单向的， 之所原创 2021-12-02 18:04:12 · 134 阅读 · 0 评论 -
vue 基本语法-狂神
目录1、v-bind2、v-if， v-elsev-else-if3、v-for1、v-bind我们已经成功创建了第一个Vue应用!看起来这跟渲染一个字符串模板非常类似， 但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联， 所有东西都是响应式的。我们在控制台操作对象属性，界面可以实时更新! 我们还可以使用v-bind来绑定元素特性!<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999原创 2021-12-02 17:34:22 · 112 阅读 · 0 评论 -
Vue：MVVM模式和第一个Vue程序
什么是 MVVMMVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软 WPF（用于替代 WinForm，以前就是用这个技术开发桌面应用程序的）和 Silverlight（类似于 Java Applet，简单点说就是在浏览器上运行的 WPF） 的架构师 Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。由 John Gossman（同样也是 WPF 和 Silverlight 的架构师）于 2005 年在他的博客上发表。MVVM 源自转载 2021-12-02 15:17:47 · 120 阅读 · 0 评论 -
前端核心分析
一、前端核心分析1.1、概述Soc原则：关注点分离原则Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据网络通信 ： axios页面跳转 ： vue-router状态管理：vuexVue-UI : ICE , Element UI用户界面（User Interface，简称UI，亦称使用者界面）1.2、前端三要素HTML（结构）：超文本标记语言（Hyper Text Markup Language），决定原创 2021-12-02 14:27:18 · 610 阅读 · 0 评论