Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。
配置vue支持less安装及使用步骤如下: 安装【npm install less less-loader --save】在【build】文件下的【webpack.base.conf.js】文件中【r
封装的函数主要用于检查用户是否登录 封装一个全局函数 在main.js文件下定义checkLogin全局函数,代码的注解都在代码块里面参数说明:backpage, backtype 2个参数分别代表:
根据官网的说法,Vue.extend:是使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。 官网的用法是:<div id="mount-point"&
封装统一请求函数有利于项目的维护 整体功能简单实用,但小编遇到一个巨坑,项目中在vue文件使用跳转方法,url参数输入 "/" 后工具提示的路径为 "/pages/log
vue项目启动出现cannot GET /服务错误 查看控制台 是一些sass相关库没安装成功 进行下面操作进行安装,再次启动,完美解决! 一、首先说明sass和scss的区别。 1、异同:1)简言之
全局API (1)什么是全局API? 全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如本节要介绍的指令Vue.directive通俗理解:
一、VSCode中使用vetur插件格式化vue文件时,js代码会自动加上冒号和分号 本来就是简写比较方便舒服,结果一个格式化回到解放前 最后找到问题原因: 首先,vetur默认设置是这个样的。也就是
第一次接触VUE,今天为了跑通公司项目,着实费了不少劲。 主要起因是命令: 在编译过程中报错:Syntax Error: Unexpected token (4:19) 原来是import这儿报错了,
在介绍如何封装 axios 的 http 请求之前,我们先来了解下什么是 axios。axios 是通过 promise 实现对 ajax 技术 的一种封装,就像 jQuery 实现 ajax 封装一样。简单来说,ajax 技术实现了网页的局部数据刷新,axios 实现了对 ajax 的封装。平时开发 vue 项目时,不同模块都会使用 axios 请求后台的接口,代码如下:this.$axios({ method: "POST", url: "接口地址", params: { 参
Modal 对话框点击确定按钮后,对话框会自动消失,如果想阻止它消失,官方给出的解决方案是给 Modal 添加属性 loading,实现方式如下所示:<template> <Button type="primary" @click="modal1 = true">展示Modal</Button> <Modal v-model="modal1" title="Title" :loading="loadi
先来了解一下几个相关概念1、渐进式框架下面是摘自知乎的一个解答(个人认为讲述比较好的回答):在我看来,渐进式代表的含义是:主张最少。每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。比如说,Angular,它两个版本都是强主张的,如果你用它,必须接受以下东西:- 必须使用它的模块机制- 必须...
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素,封装可重用代码● 在较高层面上,组件是自定义元素,Vue.js的编译器为他添加特殊功能● 有些情况下,组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例,所以可以接受相同的选项对象(除了一些根级特有的选项),并提供相同的生命周...
下面介绍Vue中集成的指令以及用法和作用v-bind v-on v-model v-for v-html v-text v-if v-else-if v-else v-show v-once v-pre v-cloak1、声明式渲染有两种方法A、文本插值,用两个花括号:{{内容}}html如下:<div id="app"&gt...
1、vue-router的作用与及定义vue-router可以通过html5的history API或者hash实现单页应用,即不刷新跳转,切换地址,只是页面上的组件的切换;vue-router可以实现页面间传参等其他功能;vue-router就是路由,用于页面跳转。当我点击页面上的home  按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容...
vue.js的核心思想包括:数据驱动和组件化思想。下面看一张关系图:如果没有中间的ViewModel则关系图编程下面所示:通过Ajax通信获得后台数据,那么要将获得数据显示在DOM上,则需要手动操作DOM节点。这是一个繁琐的过程,还很容易出错。而使用ViewModel则省去手动操作DOM 。在vue.js里面只需要改变数据,Vue.js通过Directives指令去对DOM做封装,当数据发生变化,...
使用vue-cli创建的工程的相关文件介绍1、使用vue-cli安装的项目的整个文件如下图所示:下面介绍一级目录的文件夹的作用sell2是项目名;一级目录下的文件夹名build和config都是和webpack配置相关的;文件夹node_modules是通过npm install安装的依赖代码库;文件夹src用来存放项目源码,即开发的代码都放在src文件夹下;文件夹static存放第三方静...
在不同的设备上实现1像素边框,这是因为不同的设备的设备像素比不同,通常有1,1.5,2等,因此利用媒体查询和元素的伪类去实现在不同的设备像素比上实现1px的边框1、首先,在stylus文件夹下新建一个文件mixin.styl,内容如下border-1px($color) position:relative //让伪类相对于他定位,所以设置display:relative &:af...
vue中filters选项的用法filters是.vue文件中export对象中的一个选项,其类型是Object,即包含Vue实例可用过滤器的哈希表。下面讲讲filters选项的用法1、html如下<div id="app"> {{message | filters2| filters3(true,priceCount)}}</div>2、js如下var app = ...
Vue中内置的组件有以下几种:1)component2)transition3)transition-group4)keep-alive5)slot1)component组件:有两个属性---is    inline-template渲染一个‘元组件’为动态组件,按照'is'特性的值来渲染成那个组件2)transition组件:为组件的载入和切换提供动画效果,具有非常强的可定制性,支持16个属性和...
vue中的混入对象mixins的定义 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项mixins:Array(Object)选项合并:当组件和混入对象含有同名选项时,这些选项将以恰当的方式混合1)同名钩子函数将混合为一个数组,因此都将被调用(组合)2)混入对象的钩子将在组件自身钩子之前调用(调用顺...
  1、vuex的定义1)Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式,使用插件的形式引进项目中2)集中存储和管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化3)每一个 Vuex 应用的核心就是 store(仓库),new Vue.store({...}),“store”基本上就是一个容器,它包含应用中大部分的状态 (state)...
vue+node.js+mongodb:书城系统的项目的构建概述1、课程主要讲什么:基于全栈开发一个简易的商城系统2、课程涵盖了哪些内容:商品列表、购物车、地址、结算、订单、登录模块3、课程使用了哪些技术栈:前端使用功能vue全家桶以及ES6语法;后端使用Express框架,DB使用Mongo非关系型数据库 项目整体架构如下图所示 Webpack:代码模块化构建打包...
vue-router路由懒加载:打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载在创建路由的时候,component属性的值是一个异步函数//异步加载路由组件,可以减少加载...