IP属地：四川
-
-
第一节:JavaScript中字面量与变量
一.直接量(字面量) 在学习JavaScript变量之前,先认识一下直接量(字面量) 字面量：英语叫做literals，也做直接量。看见什么，它就是什么。 咱们先学习数字和字...
-
-
第二十四节:Vue插槽:Vue具名插槽/作用域插槽/v-slot指令1. 具名插槽 1.1 没有使用具名插槽的问题 有的时候我们在使用子组件时,在子组件模板上不同的位置插入不同的内容, 只有一个插槽显然没法满足我们的需求,看示例: 需求如下:...
-
第二十一节:Vue组件:父组件使用子组件时的修饰符和双向数据绑定
1. 原生事件修饰符.native 1.1. 关于组件标签上的事件 在组件标签上是没办法触发原生的js事件的,vue会将其作为自定义事件处理 示例代码如下: 此时子组件上绑...
-
第十九节:Vue组件传参:Vue父组件向子组件传参(props传参)1. 组件嵌套 1.1 组件的嵌套使用 之前有说过,Vue组件跟Vue实例是一样的,因此在Vue中一个组件中也可以定义并使用自己的局部组件,这就是组件的嵌套使用 例如:示例代...
-
第十八节:Vue组件:Vue组件中的注意事项和特例1. Vue组件名推荐使用驼峰命名 现在我们来看看为什么在Vue中推荐注册组件是使用驼峰写法, 在了解这个之前,详细大家应该都能明白为什么在Vue中, 局部组件的使用频率高于...
-
第十七节:Vue组件:Vue组件的认识,创建并使用1. 认识Vue组件 组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象...
-
第十节:Vue指令:v-for列表循环
1. 数组的循环 用 v-for 指令根据一组数组的选项列表进行渲染。 1.1 通过索引渲染数组内容 通过数组的索引获取数组的数据 这种写法在数据很多的时候或者数据发生更新的...
-
第十一节:Vue事件/表单/按键的修饰符1. 事件修饰符 在事件处理函数中,我们可能需要经常处理诸如阻止默认事event.preventDefault()或阻止事件冒泡event.stopPropagation()...
-
第八节:Vue指令:v-model双向数据绑定
关于双向数据绑定 Vue 还提供了 v-model 指令，它能轻松实现表单输入和应用状态之间的双向绑定。 v-model属性的值是一个数据的变量,如果数据的值发生变化,会影响...
-
第七节:Vue指令:v-on事件的绑定与问题1.理解Vue事件的绑定方式 1.1 原生行内事件绑定 说明: vue采用行内事件绑定的方式. 因此在学习vue事件绑定方式之前,先回顾一下JS的行内事件绑定 学习中对比vu...
-
第五节:Vue指令:基本认识使用/v-text/v-html/v-cloak/v-once/v-pre认识vue指令 vue的指令directive只是dom的行间属性,vue给这类属性赋予了一定的意义, 来实现特殊的功能,所有的指令都以v-开头 指令的职责是，当表达式的值改...
-
第四节:Vue选项: Methods方法
在开发中,我们经常需要用到函数, 通过将一些需要复用的逻辑封装在函数里,多次调用这个函数来达到逻辑代码复用的目的. 在vue中,函数被定义成为方法来使用,这些方法定义在met...
-
第三节: Vue选项: data数据以及数据响应式Vue data 数据属性 1.数据属性 Data的了解 通过前面的学习,我们知道vue的数据是写在vue选项对象(也可以理解为配置对象)的data属性中的,我们可以通过Mu...
-
当有响应数据更新时,没有响应式的数据也会同时更新,
前提是两个代码必须是同一时段运行第三节: Vue选项: data数据以及数据响应式
Vue data 数据属性 1.数据属性 Data的了解 通过前面的学习,我们知道vue的数据是写在vue选项对象(也可以理解为配置对象)的data属性中的,我们可以通过Mu...
-
第一节:Vue的认识与了解1. 认识Vue 1.1 Vue是什么 vue.js是一套渐进式 JavaScript 框架,vue是一款友好的,多途径且高性能的JavaScript框架,可维护和测试更...
