前端学堂 http://www.felearn.com
当前位置首页 > 前端技术 > Ionic> 正文

vue页面定义和使用js方法?

2022-10-05 11:25:28 暂无评论 256 Ionic 海康   威视   前端

接触vue是做手机端app,对数据进行页面渲染

vue属于JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。

之前用jQuery操作DOM,需要手动操作DOM,而vue是数据驱动,无需手动操作DOM。它通过一些特殊的html语法,将DOM和数据库绑定起来。一旦创建绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应的更新。(在使用vue时,也可以结合其他库一起使用,比如jQuery)

(本文简单介绍了Vue.js的MVVM模型和它的双向绑定机制,然后以一个Hello World示例,了解了几个比较常用的指令)

MVVM模式(Model-View-ViewModel)

ViewModel是Vue.js的核心,他是一个vue实例。vue实例是作用于某个html元素上的,这个元素可以是HTML的body元素,也可以是指定了id的某个元素。当创建了ViewModel后,双向绑定是如何达成的呢?

DOM Listeners和Data Bindings看做两个工具,他们是实现双向绑定的关键。

从view侧看,ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化,如果有变化,则更改Model中的数据

从Model侧看,当我们更新Model中的数据时,Data Bindings工具会帮我们更新页面中的DM元素

vue框架是怎么运行的?

vue 框架的运行优点:体积小;运行效率高;实现双向数据绑定,让开发者的精力投放到业务逻辑上;

市场上有很多成熟稳定的基于vue框架的组件,可以更快速实现效果MVC模式将软件分为下面三个部分:

1.视图(View):用户界面,

2.控制器(Controller):业务逻辑,

3.模型(Model):数据保存。

他们之间的工作原理是,视图反馈得到修改指令传达给了控制台,控制台得到指令进行修改完成之后,发送给model、,model得到最新的反馈进行渲染传递给视图。

咨询海康威视web前端开发?

前景很可观,但作为前端工程师你必须要掌握HTML、CSS和JavaScript等技术,现在互联网时代这方面的工作都很好找的!

猜你喜欢