Vue.js
会有岁稔时
这个作者很懒,什么都没留下…
展开
-
Vue.js(五)计算属性及初识组件
计算机属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 计算属性(computed) vs 方法(methods) 我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。 方法: 当使用方法时,每一次页面重新渲染对应的方法都会重新执行一次 计算属性:值会存到缓存中,只要它依赖的data的值不发生变化,那原创 2020-12-06 18:58:09 · 101 阅读 · 0 评论 -
Vue.js(四).数据绑定跟侦听
v-model 双向数据绑定(又叫双向链路),只能用于表单元素 示例: <div id="app"> <input type="text" v-model="msg"/> </div> let vm = new Vue({ el:"#app", data:{ msg:"", }, }) vue实例里面的数据根据表单的数据改变而改变 1、v-原创 2020-11-14 19:36:17 · 99 阅读 · 0 评论 -
Vue.js(三).修饰符
v-on修饰符 事件修饰符 .stop 调用 event.stop,阻止事件冒泡<!-- 此时只弹出button --> <div id="app"> <div @click="alert('div')"> <button @click.stop="alert('button')">点击</button> </div> </div> const vm = new Vue({ el: '#app',原创 2020-11-14 17:57:45 · 86 阅读 · 0 评论 -
Vue.js(二).两个重要指令
vue指令 对于上一篇文章的补充 1、v-cloak指令 这个指令保持在元素上直到关联实例结束编译 可以解决闪烁的问题 和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕 [v-cloak] { display: none; } <!-- {{ message }}不会显示,直到编译结束 --> <div v-cloak> {{ message原创 2020-11-13 17:13:25 · 75 阅读 · 0 评论 -
Vue.js(一).vue入门
##vue基础 1、下载vue.js vue官网:https://cn.vuejs.org/v2/guide/ 直接下载文件 2、引用:跟引入jquery一样,利用script标签映入 3、使用原创 2020-10-29 20:38:36 · 107 阅读 · 1 评论