摘要: Vue 实例详解与生命周期 Vue 的实例是 Vue 框架的入口,其实也就是前端的 ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个 Vue 实例生成、编译、挂着、销毁等过程进行 js 控制。 Vue 实例初始化的选项配置对 阅读全文
posted @ 2019-02-22 17:33 秦时明月NightTiger 阅读(531) 评论(0) 推荐(0) 编辑
摘要: 原生的js事件处理 原生的js事件处理,可以分为:直接内联执行代码,或者绑定事件函数。 在内联的事件处理函数内部或者事件绑定的方法内部的作用域中的this都是指向当前的dom对象。如何在vue绑定的元素中通过this访问到vue的实例呢?vue框架做了很多工作,很方便我们进行事件的绑定处理开发。 监 阅读全文
posted @ 2019-02-22 17:33 秦时明月NightTiger 阅读(704) 评论(0) 推荐(0) 编辑
摘要: 条件渲染 有时候我们要根据数据的情况,决定标签是否进行显示或者有其他动作。最常见的就是,表格渲染的时候,如果表格没有数据,就显示无数据。如果有数据就显示表格数据。 Vue 帮我们提供了一个v-if的指令,帮助我们完成判断的模板处理。 v-if指令可以根据数据绑定的情况进行插入标签或者移除标签。 当然 阅读全文
posted @ 2019-02-22 17:19 秦时明月NightTiger 阅读(1097) 评论(0) 推荐(0) 编辑
摘要: 什么是双向绑定? Vue 框架很核心的功能就是双向的数据绑定。 双向是指:HTML 标签数据 绑定到 Vue 对象,另外反方向数据也是绑定的。通俗点说就是,Vue 对象的改变会直接影响到 HTML 的标签的变化,而且标签的变化也会反过来影响 Vue 对象的属性的变化。这样以来,就彻底变革了之前 Do 阅读全文
posted @ 2019-02-22 17:03 秦时明月NightTiger 阅读(6924) 评论(0) 推荐(1) 编辑
摘要: Vue 简介 Vue 是一个前端的双向绑定类的框架,发音[读音 /vjuː/, 类似于 [view]。新的 Vue 版本参考了 React 的部分设计,当然也有自己独特的地方,比如 Vue 的单文件组件开发方式都很有创新,另外 Vue 自身的一些绑定的语法、用法等都非常精炼,很容易上手,而且第三方的 阅读全文
posted @ 2019-02-22 16:16 秦时明月NightTiger 阅读(199) 评论(0) 推荐(0) 编辑
摘要: webpack 是什么? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成 阅读全文
posted @ 2019-02-22 13:01 秦时明月NightTiger 阅读(523) 评论(0) 推荐(0) 编辑