chaihongjun.me

【今日新文】Vue组件之间通信总结

组件之间的通信涉及到父子,兄弟和隔代之间。 父组件给子组件传递数据,通过父组件的数据绑定到子组件的prop进行传递 父组件: templatedivh1父组件/h1children:childrenProp=fatherData/childre

最新发布第4页

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

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

柴宏俊阅读(55)chaihongjun.me

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

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

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

柴宏俊阅读(64)chaihongjun.me

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

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

[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-else-if指令搭配使用,但是必须连续...

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

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

柴宏俊阅读(58)chaihongjun.me

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

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

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

柴宏俊阅读(189)chaihongjun.me

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

[Vue]入门学习之三Vue的属性绑定
javascript

[Vue]入门学习之三Vue的属性绑定

柴宏俊阅读(181)chaihongjun.me

通过示例可以看出文本渲染的语法{{}}无法使用在HTML元素的属性上,无法解析, 并且Vue报错: href={{website}}: Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For examp...