码迷,mamicode.com
首页 > Web开发 > 详细

vue.js核心思想

时间:2020-06-11 00:42:57      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:listen   image   变化   双向数据绑定   mamicode   完整   代码   directive   vue   

1、数据驱动(基于操作 dom 的方式)
(1)、Dom 是数据的一种自然映射(双向数据绑定)手动改变 DOM 非常麻烦使用vue.js之后,只需要改变数据,通过改变 Directives 指令,当数据发生变化,会通过数据指令去修改对应的 DOM
(2)、Vue.js 还会对事件进行一定的监听,当我们改变视图(view)的时候通过 DOM Listeners 来改变数据
通过以上两点就实现了数据的双向绑定
技术图片
2、组件化
Vue-cli:(它是 vue 的脚手架工具)
作用:帮助我们完成基础的代码(包括:目录结构、本地调试、代码部署、热加载、单元测 试)

页面上每一个独立的可视/可交互区域视为一个组件
每个组件对应一个工程目录,组件所需要的各种资源在这个目录下就近维护 展示面不过是组件的容器,组件可以嵌套自由组合形成完整的页面。

vue.js核心思想

标签:listen   image   变化   双向数据绑定   mamicode   完整   代码   directive   vue   

原文地址:https://blog.51cto.com/14648170/2503404

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!