vue
ldcanlida163
这个作者很懒,什么都没留下…
展开
-
Vue.js实战读书笔记--实例和数据绑定
第一章 初识Vue.js1 Vue.js是什么开发过程中的高级功能:a.解耦试图与数据;b.可复用的组件;c.前端路由;d.状态管理;e.虚拟DOM(virtual DOM) 1.1.1 MVVM模式MVVM模式由MVC软件架构衍生而来。View和ViewModel之间通过双向绑定(data-binding)建立联系。 1.1....原创 2018-12-05 19:51:07 · 810 阅读 · 3 评论 -
Vue.js实战读书笔记--使用webpack
第10章 使用webpack10.1 前段工程化与webpack Webpack是前段工程化工具,打包后已经不只是你写的代码,而是webpack自身的模块处理代码。业务中各种格式的文件通过特定的加载器(Loader)编译后,最终生成为js、css、png等静态资源文件。在webpack世界里,一张图片甚至一个字体都称为模块(module),彼此存在依赖关系,webpack...原创 2019-01-29 20:41:15 · 330 阅读 · 0 评论 -
Vue.js实战读书笔记--插件
第十一章 插件 Vue.js提供了插件机制,可以再全局添加一些功能。注册插件需要一个公开方法install,第一个参数是vue构造器,第二个是可选的选项对象。MyPlugin.install = function (Vue,options){ //全局注册组件 Vue.component('component-name',{ ...原创 2019-02-06 01:29:45 · 290 阅读 · 0 评论 -
Vue.js实战读书笔记--iView经典组件剖析
第12章 iView经典组件剖析 iView是一套基于Vue.js2的开源UI组件库,主要服务于PC界面的中后台产品。它是深度封装40多个常用业务组件同时也是一整套前端解决方案,包括设计规范、基础样式、支持服务器渲染(SSR),同时也提供了可视化脚手架方便快捷构建项目。12.1 级联选择组件Cascader 级联选择是网页应用中常见的表单类控件。iView...原创 2019-02-14 17:01:51 · 263 阅读 · 0 评论 -
Vue.js实战读书笔记--自定义指令
第8章 自定义指令8.1 基本用法 自定义指令的注册也分为全局注册和局部注册,比如://局部Vue.directive('focus':{ //指令选项});//全局var app = new Vue({ el:'#app', directive:{ f...原创 2019-01-15 19:31:25 · 157 阅读 · 0 评论 -
Vue.js实战读书笔记--Render函数
第9章 Render函数9.1 什么是Virtual Dom React和Vue2都使用了Virtual Dom技术,但Virtual Dom并不是真正意义上的DOM,而是一个轻量级的JavaScript,在状态发生改变时,会进行Diff运算,更新只需要被替换的DOM,而非全量更新。实际运行过程如图所示:示例:{ tag: 'div' data:...原创 2019-01-24 17:50:06 · 236 阅读 · 0 评论 -
Vue.js实战读书笔记--表单与v-model
第6章 表单与v-model6.1 基本用法 Vue.js提供了v-model指令,用于表单上的数据双向绑定,例如在输入框使用时,输入的内容会实时绑定到数据。该指令用于实现单选、多选、下拉选择、输入框等,用于完成数据的录入、验证等。<div id="app"> <input type="text" v-model="message...原创 2019-01-03 12:08:08 · 222 阅读 · 0 评论 -
Vue.js实战读书笔记--组件详情
第7章 组件详情7.1 组件与复用 7.1.1 为什么使用组件 组件的作用是为了代码可复用,提高重用性。在使用组件时可以自定义标签。比如:<Card>、<Row>、<i-col>等。7.1.2 组件用法 组件需要注册后才能使用。注册分为全局注册和局部注册两种方式。全局注册后,任何Vue实例都可以使用。组件...原创 2019-01-10 20:41:54 · 199 阅读 · 0 评论 -
Vue.js实战读书笔记--内置指令
5.1 基本指令5.1.1 v-cloak v-cloak不需要表达式,会在Vue实例结束编译时从绑定的html标签上移除,经常和display:none配合使用。当网速较慢、Vue.js还没加载完时,页面会出现闪动的情况,通过该指令即可解决。在一般情况下,该指令是解决初始化慢的最佳实践。<div id="app" v-cloak> {{...原创 2018-12-27 16:18:19 · 222 阅读 · 1 评论 -
Vue.js实战读书笔记--v-bind及class与style绑定
第4章 v-bind及class与style绑定 4.1 了解v-bind指令 在数据绑定中,常见的两个需求是元素的样式名称class和内联样式style的动态绑定,它们也是html的属性,因此可以使用v-bind指令。4.2 绑定class的几种方式4.2.1 对象语法 v-bind:class设置一个对象,可以动态切换class,例如:...原创 2018-12-19 20:42:40 · 197 阅读 · 0 评论 -
Vue.js实战读书笔记--计算属性
计算属性3.1 什么是计算属性 在双方绑定过程中如果有过长的数据、表达式或者复杂逻辑业务时,应将所有的计算属性都以函数的形式写在Vue实例的computed选项内,最终返回计算后的结果。举例: 改写前: <div>{{text.split(',').reverse().join(',')}}</d...原创 2018-12-12 18:58:09 · 373 阅读 · 0 评论 -
Vue.js实战读书笔记--相关开源项目介绍
第15章 相关开源项目介绍 15.1 服务端渲染与Nuxt.js15.1.1 是否需要服务端渲染 Vue.js2是支持服务端渲染的。查看一个网站是否是SSR,可以通过打开一个含有文章内容的网站查看源代码,看这些文字是不是在源代码里面,如果是就是SSR;或者通过chrome调试工具,在network中看是否有相关的异步请求来调取内容。很多网站使用SS...原创 2019-02-18 20:21:36 · 174 阅读 · 0 评论