随笔分类 - Vue
摘要:首先遇到了关于Object.defineProperty的描述,但自己对于此处的概念并不完全清楚,故而需要重新温习。 先去温习对象相关的知识。
阅读全文
摘要:class的值可以有多个。 多个事物是同时存在还是此消彼长?可以将多个事物放到一个容器中,可以选对象或者数组。 假设class有a和b两个值可以选择,如果只要a不要b,怎么办? 在计算机世界中,可以给a一个标志,就像是给a贴上一个贴纸,有黑白两种颜色。黑色代表a被抛弃,白色代表a被选中。 这里的黑白
阅读全文
摘要:一个函数,可以置身于computed之中,也能置身于methods之中。 在computed之中时,函数作为某属性的值,成为了该属性的getter函数。 响应式依赖 这名字听起来是真的高大上,但本质是很简单的。 现在有一锅油,一个土豆,一个鸡腿。把土豆放进去炸,最后得到炸薯条,把鸡腿放进去炸,最后得
阅读全文
摘要:reverseMessage是计算属性。 reverseMessage: function() { ... } 首先它是一个属性,其次它在computed之中,最后它成为了计算属性。 vm.reverseMessage的getter函数。
阅读全文
摘要:模板: 小明今天生病了,想向老师请一天假,老师欣然同意了。但老师需要小明交一张请假条,但小明不会写。 为什么不会呢?因为请假条是有固定格式的,需要“标准”,于是小明问老师: 老师,你有请假条的模板吗?让我看看。 老师拿了一张小红写的请假条给小明看,对小明说:按照这个模板写。 所以,现在想要创造一个物
阅读全文
摘要:指令本质是属性 作用过程:当表达式的值有所改变,使DOM也发生相应的改变 directives attribute 参数: 位置是指令在指令后 形式是 :args 动态参数: 注意,参数表达式的写法存在一些约束,如之后的“对动态参数表达式的约束”章节所述。 <a v-bind:[attributeN
阅读全文
摘要:{{num}}和{{num+1}} {{ok?'yes' : 'no'}} {{message.split(' ').reverse().join(' ')}} <div v-bind:id=" 'list-' +id"></div> 以上式子都可以,以下式子都不可以。 <!-- 这是语句,不是表达
阅读全文
摘要:文字——{{msg}} 这么个长得像大胡子的东西会变身哦,它变成另一个东西。 至于能变成什么样,取决于我们在另一个地方给msg的定义。 {{}}就像是一面镜子,站在镜子前的人是谁,镜子中的画面就是谁,二者息息相关。 本来无一物,何处惹尘埃 镜子里本身什么也没得,现在彭于晏站到镜子前,镜子里就出现了彭
阅读全文
摘要:Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统简洁的模板语法是什么? 声明式是什么? 数据是什么? 渲染是什么? DOM是什么? 数据和DOM建立了关联,所有东西都是响应式的。 我们不再和HTML直接交互,一个 Vue 应用会将其挂载到一个 DOM 元素上 (
阅读全文
摘要:Vue.set(vm.items,indexOfitem,newValue) vm.$set(vm.items,indexOfitem,newValue) 哪一个数组,哪一项,改成什么样
阅读全文
摘要:数据:举个例子,有个表示颜色的数据“yellow”,yellow在你眼中是一个单词,但在计算机眼中是一串数字。数字和数据有什么区别呢,简单思考的结果就是数据具有一定的意义(特指)。“yellow”,"red","green"这些都是数据。 响应:不用想复杂。想象一下有两个物体,a和b。a先给b打了个
阅读全文
摘要:这个指令保持在元素上直到关联实例结束编译。 对官方文档的进一步解释: v-cloak:这个字符串叫做指令 元素:这里的元素是一个宽泛的概念,是一个统称,可以具体到某一个元素,比如div 关联实例:关联值得是两个事物之间存在关系,互相影响。实例,指的是一个具体的例子,这里指的应该还是这个元素。(待定)
阅读全文
摘要:在没有真正的使用MVVM思想进行项目开发之前,很难体会到此模式的微妙之处。 在没有真正的了解清楚MVVM的各部分真正作用之前,很难从各部分的联系之中弄清楚最核心的思想(由繁入简)。 明确两点: 不可能绝对理解MVVM 相对正确的理解MVVM是可能的,并且不需要花费太久 此行目的: 为什么MVVM给人
阅读全文

浙公网安备 33010602011771号