Vue攻略

  • vue之nextTick全面解析使用说明_vue使用帮助

    简介vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时,我们经常用到一个方法是this.$nextTick,相信你也用过。我常用的场景是在进行获取数据后,需要对新视图进行下一步操作或者其他操作时,发现获取不到dom。因为赋值操作只完成了数据模型

    2020/04/05
  • vue轮播图指南攻略用vue实现一个仿简书的轮播图_轮播小白基础

    先展示最终效果:解决思路:Vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式,只需改变每张图片的class即可实现轮播效果。可以将轮播图看成两个,如图所示:代码实现:各个slide的样式: $width: 800px; // 容器宽度
    $height: 300px; // 容器高度
    $bW

    2020/04/05
  • vue-cli中使用jquery指南教程_cli入门教程

    一.安装依赖npm install jquery –save二.全局导入(必须先安装依赖)第一步在webpack.base.conf.js里加入(新版的可能找不到这个文件,你可以npm install webpack –save-dev进行手动安装)var webpack = require(“webpack”)第二步在module.exports的最后

    2020/04/03
  • Vue-cli 3.0配置反向代理指南教程_cli小白知识

    在项目根目录下新建vue.config.js,它是一个可选的配置文件,新建该文件,存放在项目根目录(将自动加载)中。自Vue CLI 3开始,项目中所有的配置信息都写在这个文件中。配置反向代理如下:// vue.config.js
    module.exports = {devServer: {host: ‘0.0.0.0’,//设置主机地址port: 8040

    2020/04/03
  • vue中的适配:px2rem入门教程_移动端使用教程

    这应该是vue项目在适配移动端时候,最简单的方法之一。下面是基本步骤(使用cnpm)1.下载并引入lib-flexiblecnpm install –save lib-flexible在main.js中 :import ‘lib-flexible/flexible’2.引入px2rem-loadercnpm install –save px2rem-lo

    2020/04/03
  • vue-cli3 DllPlugin 提取公用库基础知识教程_cli菜鸟教程

    vue 开发过程中,保存一次就会编译一次,如果能够减少编译的时间,哪怕是一丁点,也能节省不少时间。开发过程中个人编写的源文件才会频繁变动,而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来,就能减少打包体积,加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进行预编译。1、安装相关插件yarn add webpack-

    2020/03/31
  • vue-cli 关闭热更新入门基础知识_更新小白基础

    vue 关闭热更新vue 手脚架在使用过程中,更改代码会自动更新页面,非常的方便,但是有些情况向关闭掉这热更新功能,我使用的是vue-admin-template模板来开发的,所以更改也是基于这个模板的。在build文件夹下有个webpack.dev.conf.js文件。然后添加一个配置项:inline: false 即可关闭热更新操作。

    2020/03/30
  • vue刷新404零基础入门_404小白入门

    问题描述 利用vue-route结合webpack编写了一个单页路由项目,运维协助在服务器端配置nginx。部署完成后,访问首页没问题,从首页里打开二级页面没问题,但是所有的二级页面打开后,再次刷新,就会出现404现象!问题原因刷新页面时访问的资源在服务端找不到,因为vue-router设置的路径不是真实存在的路径。 解决方法: 在nginx配置里添加vue

    2020/03/30
  • vue中的watch的用法入门基础知识_监听小白基础

    在vue中,使用watch来响应数据的变化。下面代码是watch简单的用法:

    export default {data(){r

    2020/03/30
  • 基于vue-cli的webpack打包优化实践及探索入门指南_打包使用攻略

    webpack打包工具成为了前端开发中必备工具,曾经一度的面试题都是问,请问前端页面优化的方式有哪些?大家也是能够信手拈来的说出缓存、压缩文件、CSS雪碧图以及部署CDN等等各种方法,但是今天不一样了,可能你去面试问的就是,请问你是否知道webpack的打包原理,webpack的打包优化方法有哪些?所以该说不说的,笔者闲着没事研究了一下webpack的打包优

    2020/03/29
  • vue 中的slot 和 mixins菜鸟教程下载_slot入门攻略

    前言vue 为我们提供了很多复用性的方式,slot 和 mixins 就是其中两种…下面对这两种方式做一下记录插槽使用场景- 该组件被多个地方使用
    – 每个父组件中对该组件的内部有一部分需要特殊定制
    – slot可以让我们更好的复用组件的同时并对其定制化处理
    – 可以理解为父组件想子组件传递了一段 html 文本
    要求:1.子组件模板包含至少一个 插槽

    2020/03/29
  • vue v-for 使用问题Error in render入门指南_指令小白常识

    今天使用v-for指令的时候遇到一个错误[Vue warn]: Error in render: “TypeError: Cannot read property ‘children’ of undefined”页面使用代码<div :key="i" c

    2020/03/29
  • vue.extend拓展使用说明_vue使用帮助

    Vue.extend定义Vue.extend返回的是一个“拓展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件,可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时,会自动调用“拓展实例构造器”来生产组件实例,并挂载到自定义元素上。注意:extend创建的是一个组件构造器,而不是一个具体的组件实例

    2020/03/29
  • Vue基于snabbdom做了哪些事攻略教程_vue入门百科

    前言之前有简单看过 Vue patch 部分的源码,了解了是基于 Snabbdom 库实现的。最近想详细了解下 Vue 处理 vnode patch 的整个过程,想知道它在 Snabbdom 之上做了哪些事情?所以带着这个问题,写了这篇文章来记录。Snabbdom 做了哪些事?A virtual DOM library with focus on simpl

    2020/03/29
  • Vue 3.0 体验 Vue Function API菜鸟教程下载_api小白知识

    最近 Vue 官方公布了 Vue 3.0 最重要的RFC:Function-based component API,并发布了兼容 Vue 2.0 版本的 plugin:vue-function-api,可用于提前体验 Vue 3.0 版本的 Function-based component API。笔者出于学习的目的,提前在项目中尝试了vue-functio

    2020/03/26
  • vue中 Vuex基础指南_vuex菜鸟教程下载

    由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue 提供 vuex。一、什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。状态,其实指的是实例之间的共享数据,Vuex是管理应用中不同Vue

    2020/03/26
  • vue的provide/inject的使用菜鸟教程下载_组件使用教程

    vue的provide/injectprovide/inject 这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。说明无论多少层都会被子组建拿到主要用在高阶组件provide 选项应该是一个对象或返回一个对象的函数。inject 选项应该是:一个字符串数组,或 一个对象,对象的

    2020/03/26
  • 使用vue-cookies处理cookie入门指南_cookie小白指南

    一模块的安装npm install vue-cookies –save
    #–save可以不用写二.配置main.js// 配置cookie
    import cookies from ‘vue-cookies’
    Vue.prototype.$cookies = cookies; //配置时候prototype.$这里的名字自己定义不是固定是cookies三

    2020/03/26
  • Vue 3.0 的 Composition API 尝鲜教程视频_api小白教程

    前段时间,Vue 官方释出了 Composition API RFC 的文档,我也在收到消息的第一时间上手尝鲜。虽然 Vue 3.0 尚未发布,但是其处于 RFC 阶段的 Composition API 已经可以通过插件 @vue/composition-api 进行体验了。接下来的内容我将以构建一个 TODO LIST 应用来体验 Composition

    2020/03/26
  • Vue中的computed菜鸟攻略_属性入门基础知识

    引言使用vue框架已经一年多的时间了,虽然踩了不少的坑,但是 有些错误是经常性的。正好利用现在的空余时间,对自己所学的,所用的东西进行整理,总结。避免下次在采坑,也希望自己的总结,能够带给别人一些启发。computed的定义当其依赖的属性的值发生变化时,计算属性会重新计算,反之,则使用缓存中的属性值。为什么要使用computed首先,通过vue官方文档的案例

    2020/03/26