vue.js
ynd_sg
种一棵树最好的时间是十年前,其次是现在
展开
-
vue中计算属性与方法的区别
计算属性即computed,根据官方的解释,计算属性是基于它们的依赖进行缓存的当依赖不发生变化时,计算属性的值从缓存中获取,取得上一次的值当执行的代码很长时,如果得到的结果本身不会有变化,可以用计算属性,当然如果要重新执行代码,则用方法(methods)如图,切换tab时,如果一直点击同一个tab,data中的currentTab不会改变,那个计算属性的函数就不会重新运行(因为计算...原创 2018-04-23 14:29:19 · 2550 阅读 · 0 评论 -
vue中 v-model的原理
入门vue的过程中发现v-model的双向数据绑定很好用,查资料得知v-model不过是一个语法糖,具体示例如下<input v-model="sth">其实他相当于下面这个:<input v-bind:value="sth" v-on:input="sth=$event.target.value">自从html5开始input每次输入都会触发oninput事件,所以输入时...原创 2018-04-23 15:47:29 · 12129 阅读 · 0 评论 -
Vue学习
一、前言要使用vue,首先引入vue.js,需要new一个Vue实例,vue:html+jsonvue中的el作为选择器,其他有data和methods等,{{msg}}获取数据二、表单内容用 v-model获取数据&amp;amp;amp;lt;input type=&amp;amp;quot;text&amp;amp;quot; v-model=&amp;amp;quot;msg&amp;amp;quo原创 2018-05-16 21:48:22 · 225 阅读 · 0 评论 -
vue双向绑定原理
vue的双向绑定原理是通过Object.definedProperty实现的,但最主要的是需要监听到数据属性变化之后去通知改变view,大致的逻辑如下: 一开始new Vue初始化observe和compile,通过Object.definedProperty监听数据,compile负责协调判断vue的指令种类并对视图进行更新,compile增加watcher,将更新视图的回调函数传入...原创 2019-02-18 11:02:48 · 282 阅读 · 0 评论 -
vue中使用element-ui
1. 按需引入在babelrc中配置如下:{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]原创 2019-02-28 15:20:57 · 376 阅读 · 0 评论