chaihongjun.me

【今日新文】7种方法在Vue.js中定义组件模板

在Vue中定义组件模板大致有如下七种不同的方式: 字符串 模板字面量 x-Template 内联模板 render方法 JSX SFC 单文件组件 比较常用的是第一,第二,第三和第七种 1.字符串方式 Vue.component(m

最新发布第2页

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

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

柴宏俊阅读(171)chaihongjun.me

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

[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 则表示事件...