个人博客 地址:http://www.wenhaofan.com/article/20190321143330 v-if 1.v-if 根据条件渲染,它会确保在切换过程中条件块内的组件销毁和重建              2. v-if如果在初始渲染时条件为假,则不会渲染条件块,直到条件变为真时,才会开始渲染条件块. v-show v-show 不管初始条件是什么,元素总是会被渲染,只会根据条件的真假,在display:block 和display:none 之前切换 注意事项 当出现v-sho…

vue-router 中hash模式和history模式. 在vue的路由配置中有mode选项,最直观的区别就是在hash模式下的地址栏里的URL夹杂着‘#’号 ,而history模式下没有.vue默认使用hash. mode:"hash";mode:"history";hashhash模式依靠的是onhashchange()事件去监听location.hash的改变.比如这个 URL:http://www.aaa.com/#/hello,hash 的值为 #/he…

一.computed和methods 我们可以将同一函数定义为一个 method 或者一个计算属性.对于最终的结果,两种方式确实是相同的. 不同的是computed计算属性是基于它们的依赖进行缓存的.计算属性computed只有在它的相关依赖发生改变时才会重新求值.这就意味着只要计算依赖的值还没有发生改变,多次访问计算属性会立即返回之前的计算结果,而不必再次执行函数.而对于method ,只要发生重新渲染,method 调用总会执行该函数. 当有一个性能开销比较大的的计算属性 A ,它需要遍历一…

我只知道前者一般用在跳转路由的时候,push一个url, 而后者则用来存储路由跳转过程中存储的各种数据. 话不多说,这篇博客讲的比较详细,可以参考一下. vue2.0中的$router 和 $route的区别…

在使用的时候,两种方式结果效果差不多是一样. @click="Login()" @click="Login"而唯一的区别就是,有括号的可以在括号里写传递的参数.而不写括号,他会默认传event参数.…

前言 一位正在学习前端的菜鸟,虽菜,但还未放弃. 内容 1,说一下vue中的指令 答: ①,v-html:主要用来渲染html节点,其作用与原生的innerHtml基本一致 ②,v-text:主要用来渲染文本,其作用与原生的innerText基本一致 ③,v-on:主要用来绑定事件, 简写是@ 支持多个事件一起绑定 如   v-on="{click:fun,dbclick:fun1}" ④,v-bind:主要用来绑定属性,简写是 :  ⑤,v-model:主要是用来跟表单进行双向数据绑…

转自:了解vue里的Runtime Only和Runtime+Compiler 扩展文章:Vue 2.0如何仅使用Runtime-only Build构建项目? 可以看到有两种版本: Runtime Only 版本 和 Runtime+Compiler 版本. 1.Runtime Only 我们在使用 Runtime Only 版本的 Vue.js 的时候,通常需要借助如 webpack 的 vue-loader 工具把 .vue 文件编译成 JavaScript,因为是在编译阶段做的,所以它只…

如果你需要在客户端编译模板 (比如传入一个字符串给 template 选项,或挂载到一个元素上并以其 DOM 内部的 HTML 作为模板),就将需要加上编译器,即完整版 当使用 vue-loader 或 vueify 的时候,*.vue 文件内部的模板会在构建时预编译成 JavaScript.你在最终打好的包里实际上是不需要编译器的,所以只用运行时版本即可— 官方文档 客户端编译模板 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/…

1.安装vue-layer插件 npm install vue-layer --save-dev 2.打包入口文件main.js中引入vue.vue-layer.并且将vue-layer添加到vue原型 import Vue from 'vue'; import layer from 'vue-layer' Vue.prototype.$layer = layer(Vue); 3.然后打包报如下错误 ERROR in ./node_modules/vue-layer/dist/vue-layer…

vm._render 生成虚拟dom 我们知道在挂载过程中, $mount 会调用 vm._update和vm._render 方法,vm._updata是负责把VNode渲染成真正的DOM,vm._render方法是用来把实例渲染成VNode,这里的_render是实例的私有方法,和前面我们说的vm.render不是同一个,先来看下vm._render定义,vm._render是通过renderMixin(Vue)挂载的,定义在src/core/instance/render.js: // 简…