随笔分类 - Vuejs
摘要:在一样的情况下,computed的性能会高于watch,所以大部分情况使用computed会更好。 但是,它们也有各自的优缺点: computed计算属性: 1. 能够实时监听data里面绑定的数据(包括vueX),但是其余数据的改变是监听不到的。 2. 适用于需要计算的一个值被多个数据影响的情况,
阅读全文
摘要:一.计算属性 1.1. 计算属性的本质 fullname: {set().get()} 一般不写set,所以看起来像函数 1.2. 计算属性和methods对比 计算属性多次使用时,只会调用一次。 它是有缓存的 二.事件监听 ####2.1. 事件监听基本使用 v-on、语法糖:@ 2.2. 参数问
阅读全文
摘要:一:首先写好要复用的代码内容,将其复制上 这里笔误,复制为Ctrl+C 二:选择File,点击Settings 三:选择Editor下的Live Templates,点击右边的加号,选择第一个Live Template 四:填写相关内容 五:选择并确定 六:最后效果
阅读全文
摘要:input的复用:Vue里面要实现某一效果时要先给VDOM,再由VDOM渲染到实际效果中,当VDOM(虚拟DOM)中已经创建了一个label、input时,转变类型之后,会检测要传入的是什么,发现还是input之后就不会再创建一个新的input,只会在原来的基础上进行改变。所以当一开始在账号中输入了
阅读全文
摘要:v-bind动态绑定元素 v-bind <div id="app"> <a v-bind:href="aHref">百度一下</a> </div> href在Vue对象里面data数据中声明了一个aHref地址的 const app = new Vue({ el: '#app', data: { a
阅读全文
摘要:Mustache语法 mustache语法中,不仅仅可以直接显示变量,也可以写简单的表达式 例如:对于Vue中已申明的数据或方法等,可以再HTML中以以下方式写入 <h2>{{message}}</h2> <h2>{{message}}, wyl</h2> <h2>{{firstName + las
阅读全文
摘要:el: 类型:String(#id) | HTMLElement(document.queryselector()) 作用:决定之后Vue实例会管理哪一个DOM data: 类型:Object | Function(在组件中data必须是一个函数) 作用:Vue实例对应的数据对象 methods:
阅读全文
摘要:计数器的MVVM 计数器中有严格的MVVM思想 View依然是我们的DOM Model就是我们抽离出来的obj ViewModel就是我们创建的Vue对象实例 它们之间的工作过程 首先ViewModel通过Data Binding让obj中的数据实时的在DOM中显示 其次ViewModel通过DOM
阅读全文
摘要:一:直接CDN引入 可以选择引入开发环境版本还是生产环境版本 二:下载和引入 开发环境:https://vuejs.org/js/vue.js 生产环境:https://vuejs.org/js/vue.min.js 下载Vue.js地址,安自己需求选择开发或生成环境安装:https://cn.vu
阅读全文
摘要:Vuejs Vue:(读音/vju:/,类似于view) 是一个渐进式的框架,什么是渐进式呢? 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统也一样够用。 比如Core+Vue-router
阅读全文