vue
文章平均质量分 50
爱思考的猪
这个作者很懒,什么都没留下…
展开
-
Vue中mixin的使用
混入通过注入配置项到vue实例用来提升复用性除了使用上述默认的合并规则,还可以通过Vue.config.optionMergeStrategies自定义合并规则。//返回合并的值};通常对于值为对象的属性我们可以借用已有的合并规则//借用methods的规则mixin混入通过注入配置项到vue实例提升复用性属性冲突时以组件内的属性为准,声明周期的钩子会保留多个。原创 2022-09-03 11:04:38 · 958 阅读 · 0 评论 -
Vue中使用组件
使用函数能保证每个组件的data的内存是独立的而不是共用。因为组件是可以复用的,多个组件共用数据会相互影响。子组件通过props获取父组件传递的属性值,子组件通过$emit执行父组件的回调函数与父组件进行通信。组件也是一个vue实例,也具有methods,computed,data,计算属性等。Vue.component注册的是全局组件,在所有vue实例/组件中都能使用。需要注意的是回调函数的名字不能是驼峰。vue提供了slot插槽用来占位。............原创 2022-08-31 22:02:22 · 2219 阅读 · 2 评论 -
Vue表单输入
使用v-model后value或标签内的文字将不再生效。原创 2022-08-30 22:21:25 · 563 阅读 · 0 评论 -
Vue中使用修饰符
Vue的修饰符包含了事件修饰符、按键修饰符、系统键修饰符、exact修饰符、鼠标按键修饰符、表单修饰符。事件修饰符包含stop、once、capture、prevent等,按键修饰符包含enter、esc、delete、left等,系统键修饰符包含alt、ctrl、shift、meta(系统键,win或command),鼠标按键修饰符包含left、right、middle,表单修饰符包含lazy、trim、number。exact用于更精准的控制系统键。......原创 2022-08-30 12:36:43 · 347 阅读 · 0 评论 -
Vue绑定class和style
只有当active为true是才会为span标签添加 'isActive’的class。同样在数组语法中也可以使用表达式、计算属性、方法,除此之外数组中还可以使用对象。多重值对属性做了一个兼容的处理,只显示数组中最后一个被浏览器支持的属性。数组中的所有项都为被添加到span的calss属性中。在对象中也可以使用表达式、方法、计算属性。...原创 2022-08-29 14:03:02 · 178 阅读 · 0 评论 -
Vue的计算属性和侦听器
computed用于计算比较复杂的逻辑,根据data进行响应侦听器再属性变化的时候执行,可以响应一些用户自定义的操作。原创 2022-08-29 08:04:08 · 230 阅读 · 0 评论 -
Vue 模板语法
在html中只要属性存在就为true,但v-bind不是这样,只有当value为true的时候才将属性添加到标签上。v-once指令使得插值只会渲染一次,及时data发生变化页面也不会再渲染。在渲染文字的时候v-html和v-text作用相同。vue提供了v-bind和v-on指令的缩写。2.不支持驼峰的变量,大写会自动转换成小写。只能使用单个的表达式,以下的语句不会生效。修饰符以.eventName的方式调用。.prevent 阻止默认事件。同样还可以用来动态绑定事件。.stop 阻止冒泡。...原创 2022-08-28 16:54:53 · 102 阅读 · 0 评论 -
Vue2 组件/实例的生命周期
Vue.js的核心就是以简洁的模板语法将数据渲染进Dom系统。读取数据和方法,设置数据绑定和监听解析template将实例挂载到Dom,并将实例状态和视图绑定在执行这些步骤的时候,vue还提供了一些生命周期的方法,用来在不同的阶段对代码做增添和修改。created阶段将数据和事件注入,并完成了数据观测,是最早可以获取和使用data、method的时候beforeMount阶段进行template的解析和渲染mounted阶段将实例注入dom,是最早可以操作dom的时候。...原创 2022-08-28 11:04:59 · 409 阅读 · 0 评论 -
Vue实例及一些方法和属性
在实例生成后添加的属性不会被添加到‘响应系统’中去。如果不想属性被添加到’响应系统’中,可以使用Object.freeze(),冻结属性,被冻结的属性无法被修改。除了用户自定义的属性和方法外,Vue实例本身也提供了一些属性和方法,它们以$开头,以便与用户属性区分,如$el、$children、$data等。)生成实例的时候,data中的属性会被自动添加到‘响应系统’中去,当数据发生变化时页面会做出响应,显示最新的值。$.watch用于监听data属性的变化,可以在属性发生变化的时候做一些事情。...原创 2022-08-27 19:35:12 · 225 阅读 · 0 评论 -
Vue.js注册和使用Vue Component
以组件为单位构建页面,一个页面由一个或者多个Vue component构成。1.每个组件都是独立的,更加简洁,逻辑更清晰,更容易维护。2.组件可复用,减少无效代码。原创 2022-08-27 17:31:25 · 259 阅读 · 0 评论 -
Vue.js的基础指令
v-bind 属性绑定v-on事件绑定v-if 条件分支v-for 列表渲染v-model表单输入双向绑定。原创 2022-08-27 16:20:30 · 94 阅读 · 0 评论