![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
会有岁稔时
这个作者很懒,什么都没留下…
展开
-
Vue.js(五)计算属性及初识组件
计算机属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。计算属性(computed) vs 方法(methods)我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。方法: 当使用方法时,每一次页面重新渲染对应的方法都会重新执行一次计算属性:值会存到缓存中,只要它依赖的data的值不发生变化,那原创 2020-12-06 18:58:09 · 111 阅读 · 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 · 104 阅读 · 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 · 89 阅读 · 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 · 80 阅读 · 0 评论 -
Vue.js(一).vue入门
##vue基础1、下载vue.jsvue官网:https://cn.vuejs.org/v2/guide/ 直接下载文件2、引用:跟引入jquery一样,利用script标签映入3、使用原创 2020-10-29 20:38:36 · 110 阅读 · 1 评论