最近看vue视频学习的一点感想
最近学了一个vue视频,在vue官网上看了一下,我想大多数初学者都和我的感觉一样好爽,大大的简化了开发人员做的事情,原来要开发人员操作dom才能得到效果,几句代码就搞定了。有失落感,因为我原来是一个做机顶盒前端开发的,在盒子上的浏览器相当ie4的版本,当听到前端人员说是ie 6 不好用的,我真的想抽人。。还是那句话,没有经过长征的人,不明白红军有多苦.没有研究过前端框架源码的人,没有资格说好坏,
最近学了一个vue视频,在vue官网上看了一下,我想大多数初学者都和我的感觉一样好爽,大大的简化了开发人员做的事情,原来要开发人员操作dom才能得到效果,几句代码就搞定了。有失落感,因为我原来是一个做机顶盒前端开发的,在盒子上的浏览器相当ie4的版本,当听到前端人员说是ie 6 不好用的,我真的想抽人。。还是那句话,没有经过长征的人,不明白红军有多苦.
没有研究过前端框架源码的人,没有资格说好坏,我没有怎么读过vue的源码,但是开发过js框架,说说我对vue的理解吧。。
双向数据绑定,一个元素的值变了,另一个也变了,--------------》 当一个元素变了,得到另一个元素的值修改innertext innerhtml 要动态的 css样式. -------------->不用同学网上自已找原生的js代码试试
接着说一下view 这个东东。。。核心
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
vue ==============>view 也是一个对象,你可以这样理解,第一个元素都是一个对象,对象有左移,右移,等各种动作,长,高,名字,所总属性. 总之这是一个对象
el : '#app' =========> 调用以下对象
document.getElementById(id)
data: {
message: 'Hello Vue!'
} //对象的属性
<div id="app">
{{ message }} ==========》这个地方显示data.message ------------》
document.getElementById("app").innertext = vue.data.message;//这个地方是重点,明白了吧。框架的开发都是让开发人员真高效。。。实际上真正原理你得懂。。
</div>
更多推荐
所有评论(0)