姑苏的博客

9.1 virtual DOMVirtual DOM 并不是真正意义上的DOM,而是一个轻量级的JavaScript对象,在状态发生变化时,Virtual DOM会进行Diff运算,只需要更新被替换的DOM,而不会全部重绘virtual DOM运行过程Object---->Render(生成虚拟节点)----->createElement(h)(基于虚拟节点创建DOM节点)----->diff(状态更新后,进行对比,生成补丁对象)—>patch(遍历补丁对象,更新DOM节点

8.1 基本用法8.1.1 自定义指令的注册局部注册全局注册钩子函数bind只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化操作inserted被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于document中)update被绑定元素所在的模板更新是调用,而不论绑定值是否变化.通过比较更新前后的绑定值,可以忽略不必要的模板更新componentUpdated被绑定所在模板完成一次更新周期时调用un

7.1 组件作用:提高代码复用性,使项目易于维护7.1 组件的使用7.1.1 组件注册-全局注册全局注册后,任何vue的实例都可以使用该组件.Vue.component('my-component',{})my-component就是自定义组件的名称,推荐使用小写加减号的方式来命名.要在父元素中使用组件,必须在父元素实例初始化之前注册组件Vue.component('my-component', { template: '<div>这是my-component的内容

title: 第六章.表单与v-modeltags: 2019-11-30notebook: Vue6.1 基本用法v-model用于表单元素上的数据双向绑定:如输入框中输入的内容就会实施映射到邦迪上的数据上6.1.1 注意使用v-module后,表单在控件显示的值只与绑定的数据有关,不在关心初始化时value的值,对于咋<textarea></textarea>之间的值也不会显示,使用v-module时,如果使用中文输入法输入中文,一般在没有选定词组前,也就会在拼音.

title: 第五章.内置指令tags: 2019-11-20notebook: Vue5.1 内置指令5.1.1 v-clockv-cloak是一个不需要表达式的指令在一般情况下，v-cloak是一个解决初始化慢导致页面闪动的最佳实践使用webpack或vue-router时,都是由路由去挂载不同组件.所以不再需要v-cloak5.1.2 v-oncev-once也是一个不需要表达式的指令被v-once修饰的元素只在页面初次加载时渲染,当数据变化时不再重新渲染页面,将被视为静态.

4.1 v-bind主要作用: 动态更新HTML属性4.2 绑定class的几种方式4.2.1 对象语法<div :class="{'active':isActive}"></div>对象中可以存在多个属性<div :class="{'active':isActive,'error':isError}"></div>动态class可以与静态class共存<div class="static" :class="{'active':

模板内的表达式常用于简单的运算，当其过长或逻辑复杂时，会难以维护，本章的计算属性就是用于解决该问题的。3.1 计算属性所有的计算属性都以函数的形式写在Vue实例内的computed选项内，最终返回计算后的结果。3.1.1 计算属性的使用在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。除了简单的用法，计算属性还可以依赖多个 Vue 实例的数据，只要其中任意数据变化，计算属性就会重新执行，视图也会更新。3.2.2 setter和getter使用:comp

title: 第二章.数据绑定tags: 2019-11-19notebook: Vue1.创建实例:var app = new Vue({ el:'#app', data{ }})1.1 el:el:指定那个DOM挂载实例,可以用CSS选择器,也可以是HTMLElementel:’#app’el:document.getElementById(‘app’)1.2数据绑定显示绑定data{ a:1}隐式绑定var myData={ a:1.

1.1 vue.js优点:简单小巧,渐进式功能解耦视图与数据可复用的组件前端路由状态管理虚拟DOM(virtual DOM)1.1.1 MVVM模式Model-View-ViewModelMVVM模式由MVC衍生而来.当View(视图层)数据变化时,会自动更新到ViewModel(视图模型)层,反之亦然,View与ViewModel通过双向数据绑定来建立联系1.2 vue的使用传统的前端开发模式:JQuery + RequireJS(SeaJs) + artTempl