vue的简单介绍

一、什么是vue?我们用vue的目的是什么?

vue 是一套构建用户界面的渐进式框架。

vue只关注视图层, 采用自底向上增量开发的设计。

vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

二、vue的模板语法是什么?

vue 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 vue 实例的数据。

vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

结合响应系统,在应用状态改变时, vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。

三、差值的方法

1.通过{{}}来差值

2.通过v-html来差值

四、

v-model:数据双向绑定

v-for:用于遍历

v-bind:绑定样式

五、添加事件

1.@click = “事件名”

2.v-on:click="事件名"


当我们使用vue时应先实例化vue:

let vue = new Vue({

    el:"获取元素",

    data:{

        msg:"数据"

    },

    methods:{   //添加方法

        aaa(){

        }

    }

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容