chaihongjun.me

[Vue]入门学习之十四Vue的组件初识

[Vue]入门学习之十四Vue的组件初识

柴宏俊阅读(171)chaihongjun.me

Vue的组件有一个特殊的地方,data选项必须是函数function类型,因为组件是可以复用的,所以,如果data的类型是一个普通的对象类型,当data选项的内容发生...

[Vue]入门学习之十三Vue的多个实例化

[Vue]入门学习之十三Vue的多个实例化

柴宏俊阅读(149)chaihongjun.me

多个Vue实例化,需要配置不同的el属性,并且即使Vue实例有嵌套,内部的Vue实例的数据和方法等依然无效,即嵌套没有意义。...

[Vue]入门学习之十二Vue的一个简单实例

[Vue]入门学习之十二Vue的一个简单实例

柴宏俊阅读(55)chaihongjun.me

这个实例的作用是模拟打沙袋,点击使劲敲按钮相当于拳击沙袋,下方的进度条显示沙袋的破损情况,当沙袋被击打10次之后,沙袋破损。重置按钮就是恢...

[Vue]入门学习之十一Vue的v-for指令

[Vue]入门学习之十一Vue的v-for指令

柴宏俊阅读(64)chaihongjun.me

v-for循环可以将一组数组进行渲染,语法形式是item in items。items是数组,而item是数组项的别名 ,这个名称是可以任意设定的(只要符合标识符的命名规则)...

[Vue]入门学习之十Vue的v-if指令和v-show

[Vue]入门学习之十Vue的v-if指令和v-show

柴宏俊阅读(119)chaihongjun.me

v-if指令和v-show的指令的区别是v-show会渲染出DOM结构,但是实际控制的是元素的display属性,而v-if则在false状态下不渲染出DOM结构。另外v-if可以与v-else,v-els...

[Vue]入门学习之九Vue动态绑定CSS

[Vue]入门学习之九Vue动态绑定CSS

柴宏俊阅读(81)chaihongjun.me

动态绑定CSS,通过v-bind质量绑定class属性,绑定值可以是对象或者是数组,以便动态的切换class...

[Vue]入门学习之八Vue计算属性和方法的区别

[Vue]入门学习之八Vue计算属性和方法的区别

柴宏俊阅读(58)chaihongjun.me

计算属性和方法的异同 1. 页面加载的时候计算属性和方法都执行了一次,说明在Vue初始化的时候都会执行 2.当Vue里面的数据发生变化的时候,这个数据和相...

[Vue]入门学习之五Vue的事件修饰符

[Vue]入门学习之五Vue的事件修饰符

柴宏俊阅读(189)chaihongjun.me

事件修饰符有stop,prevent,capture,self,once和passive stop相当于stopPropagation() prevent相当于perventDefault() capture 表示使用事件捕获 self则忽略事件捕获和冒泡,当前元素...