标签：vue.js教程

Vue模板语法

模板语法 Vue使用基于HTML的模板语法，允许开发者声明式的将DOM绑定至底层Vue实例的数据。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能的计算出最少需要重新渲染多少组件，并把…

我在做PC端vue项目的时候发现，切换页面滚动条的位置并没有改变，因为切换路由实际上并不是切换页面而且改变了页面中的组件，所以滚动条的位置不变，为了获得更好的体验，需要每切换一个新的页面（一个新的路由）时就让滚动条回到最…

keep-alive key <!DOCTYPE html> <html> <head> <title></title> <script type="te…

1.$refs的使用场景父组件调用子组件的方法，可以传递数据。父组件： <div id="app"> <child-a ref="child"></child-a> <butt…

本文主要针对 Vue源码小白以及web端的Vue,有要喷的大侠,请轻喷 ‘-‘ 先找到罪恶的源头 — Vue 的入口入口在打包配置的中可以去寻觅,在这里就不废话,直接进主题,目录Bi…

1.什么是scoped 在Vue文件中的style标签上有一个特殊的属性，scoped。当一个style标签拥有scoped属性时候，它的css样式只能用于当前的Vue组件，可以使组件的样式不相互污染。如果一个项目的所有…

Vue 一、简介：(为什么使用vue) 1、与angular相比优点: a) api简单，快速上手，学习成本低；b) Angular 使用双向绑定，Vue 也支持双向绑定，不过为单向数据流，数据从父组件单向传给子组件…

npm install swiper --save-dev 一、在main.js引入swiper的css样式 import 'swiper/dist/css/swiper.css' 二、在需要使用的组件里局部引用swip…

一、Vue生命周期浅级别部分一个Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。首先四个阶段很好记：创建…

项目源码地址链接地址(https://github.com/cxp1539/vu… 关于主要作用是实现以类似Vue.js文件的方式编写小程序（将模板、JS、样式写在一个文件中），这种组织方式比较方便，而且…

vue 增加/删除版本号在开发项目的过程中，可能我们不大想要打包之后的一大串后缀，这时候我们就可以在 webpack.prod.conf.js这个文件里把版本号去掉，这样打包之后的文件就显得简单明了面临的问题：没有了版…

一、前言 forEach和map是数组的两个方法，作用都是遍历数组。在vue项目的处理数据中经常会用到，这里介绍一下两者的区别和具体用法示例。二、代码 1. 相同点都是数组的方法都用来遍历数组两个函数都有4个参数…