vue
舟相随
这个作者很懒,什么都没留下…
展开
-
webpack打包原理
模块化机制webpack并不强制你使用某种模块化方案,而是通过兼容所有模块化方案让你无痛接入项目。有了webpack,你可以随意选择你喜欢的模块化方案,至于怎么处理模块之间的依赖关系及如何按需打包,webpack会帮你处理好的。核心思想:一切皆模块:正如js文件可以是一个“模块(module)”一样,其他的(如css、image或html)文件也可视作模 块。因此,你可以requir...原创 2019-05-07 09:42:14 · 1297 阅读 · 0 评论 -
Vue基础知识
Vue基础知识1、Vue使用的基本操作i. 先下载,引入vue.jsii. Vue,实例化一个vue实例化对象(new Vue({}))1. 新建一个vue实例化对象(Vue是一个构造函数)2. 执行vue构造函数中每一句代码3. 将新创建的vue实例化对象赋值给vue构造函数中的thisiii. 往vue实例化对象中传入一个对象(Vue实例化传入的对象里面的值也都为对象,以键值形式...原创 2019-05-07 11:12:31 · 387 阅读 · 0 评论 -
v-if和v-show的区别
v-if和v-show的区别v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销...原创 2019-05-07 14:26:35 · 185 阅读 · 0 评论 -
v-bind详解
对象语法通常,我们会传给v-bind一个对象,这样我们可以动态地切换一些属性值,比如绑定Class或者Style,像这样// isBlue是布尔值,blue类是否存在取决于isBlue是否为真<div :class="{ blue: isBlue }"></div> // thisFont是变量,字体大小随thisFont而变化<div :style="{...原创 2019-05-07 16:56:46 · 608 阅读 · 0 评论 -
详解vue生命周期
首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张官方图片:可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivat...原创 2019-05-11 14:43:40 · 275 阅读 · 0 评论 -
常用传值方式、父传子、子传父、非父子组件传值
Vue常用的三种传值方式有:父传子子传父非父子传值引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息,如下图所示:下面我们就开始用代码详细的介绍vue组件传值的三种方式1.父传子子组件的代码:<template> <div id="container...原创 2019-05-11 16:19:50 · 685 阅读 · 0 评论