发表于: 2018-07-02 23:25:04

1 507


今天完成的事:

完成PPt敏捷开发流程部分,学习vue,开始制作复盘页面


明天的计划:

学习vue, 制作复盘页面。


遇到的困难:

暂无。


今天的收获:

当一个 Vue 实例被创建时,它向 Vue 的响应式系统中加入了其data 对象中能找到的所有的属性。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。

// 我们的数据对象
var data = { a: 1 }

// 该对象被加入到一个 Vue 实例中
var vm = new Vue({
data: 1
})

当页面读取data的时候为a:1  我们在下面定义了一个data :1 那么在页面上读取到底的data 也就是1 。


每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。

new Vue({
data: {
a: 1
},
created: function () {
// `this` 指向 vm 实例
console.log('a is: ' + this.a)
}
})

在vue的生命周期没有结束时创建一个生命周期钩子函数。


reversedMessage: function () {
// `this` 指向 vm 实例
return this.message.split('').reverse().join('')
}

vue在读取文本的时候是可以直接调用方法名字来读取文本的,不需要在那么的麻烦。{{ reversedMessage }}"直接就是大括号,然后方法名。



返回列表 返回列表
评论

    分享到