#vue2

vue2.0中的$router 和 $route的区别

1.router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性。2.route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取...

vue2与vue3的区别

1.双向绑定原理不同Vue2使用的是Object.defineProperty,而Vue3使用的是ProxyVue2组件中所有data里面定义的数据默认都被重置为响应式数据Vue3则新增了ref/reactive可以自定义变量的响应式类型,区分了常量跟响应式变量的区别2.API设计类型不同 Vue2使用的是选...
开发笔记 ·2024-07-01

VUE2.0 【v-html】标签使用技巧

<divclass="active-rules"><divclass="weui-weixin-content"id="rules"><p>活动名称:{{message1}}</p><p>活动时间:{{message2}}</p><p>...

vue2.0路由-适合刚接触新手简单理解

vue路由:vue-routervue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之...

vue2.0之axios使用详解

基于Promise的HTTP请求客户端,可同时在浏览器和node.js中使用在浏览器中发送 XMLHttpRequests 请求在node.js中发送 http请求支持 Promise API拦截请求和响应转换请求和响应数据自动转换JSON数据客户端支持保护安全免受&n...
代码星球 ·2021-02-16

前端MVC Vue2学习总结(七)——ES6与Module模块化、Vue-cli脚手架搭建、开发、发布项目与综合示例

使用vue-cli可以规范项目,提高开发效率,但是使用vue-cli时需要一些ECMAScript6的知识,特别是ES6中的模块管理内容,本章先介绍ES6中的基础与模块化的内容再使用vue-cli开发vue项目。ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是EuropeanComput...

前端MVC Vue2学习总结(六)——axios与跨域HTTP请求、Lodash工具库

Vue更新到2.0之后宣告不再对vue-resource更新,推荐使用axios,axios是一个用于客户端与服务器通信的组件,axios是一个基于Promise用于浏览器和nodejs的HTTP客户端javaScript工具。通俗来说可以实现客户端请求服务器端提供的服务获得数据。源码与帮助:https://githu...

前端MVC Vue2学习总结(五)——表单输入绑定、组件

你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。v-model 并不关心表单控件初始化所生成...

前端MVC Vue2学习总结(三)——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定

Vue.js使用了基于HTML的模版语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,在应用状态改变时,Vue能够智能地计算出重新渲染组件的最小代价并应用...

前端MVC Vue2学习总结(二)——Vue的实例、生命周期与Vue脚手架(vue-cli)

每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的:varvm=newVue({//选项})虽然没有完全遵循MVVM模型,Vue的设计无疑受到了它的启发。因此在文档中经常会使用vm(ViewModel的简称)这个变量名表示Vue实例。1、vue.js就是一个构造器,通过构造器Vue来实例化一个对象;例如:va...
代码星球 ·2021-02-12

前端MVC Vue2学习总结(一)——MVC与vue2概要、模板、数据绑定与综合示例

框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。在传统的非模块化JavaScript开发中有许多问题:命名冲突、文件依赖、跨环境共享模块、性能优化、职责单一、模块的版本管理、jQuery等前端库层出不穷,前端代码日益膨胀AMD规范及其...

vue2.0变化

之前有很多的vue知识总结都是围绕1.0版本实现的,下面主要总结一下2.0相对于1.0的一些变化。在vue1.0中,我们有使用vue.extend()来创建组件构造器继而创建组件实例,如下所示。<divid="box"><aaa></aaa></div><scrip...
代码星球 ·2021-01-26

Vue实例:vue2.0+ElementUI框架开发pc项目

开发前准备vue.js2.0中文,项目所使用的js框架vue-router,vue.js配套路由vuex,状态管理Element,UI框架 1,根据官方指引,构建项目框架安装vuenpminstallvue@2.1.6全局安装vue-clinpminstall--globalvue-cli创建一个基于webp...

vue的生命周期(又称钩子函数)----以及vue1.0版本与vue2.0版本生命周期的不同

vue生命周期 1. vue1.0版本与vue2.0版本生命周期的不同    vue1.0版本生命周期图示图1 vue1.0版本生命周期vue1.0版本的生命周期:    init实例创建之前    created 实例已经创建    beforeCompile 编辑之前    compi...

vue2.X+elementUI表单自定义验证

<template><divclass="taxi-appointment-dairen"><el-form:model="ruleForm":rules="rules"ref="ruleForm"><divclass="dairen-input"><el-form...
首页上一页1234下一页尾页