配置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">...
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 &amp;:af...
vue中filters选项的用法filters是.vue文件中export对象中的一个选项，其类型是Object，即包含Vue实例可用过滤器的哈希表。下面讲讲filters选项的用法1、html如下&lt;div id="app"&gt; {{message | filters2| filters3(true,priceCount)}}&lt;/div&gt;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属性的值是一个异步函数//异步加载路由组件，可以减少加载...
