美文网首页
vue的简单介绍

vue的简单介绍

作者: 井皮皮 | 来源:发表于2017-07-04 22:28 被阅读0次

一、什么是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(){

        }

    }

})

相关文章

网友评论

      本文标题:vue的简单介绍

      本文链接:https://www.haomeiwen.com/subject/dgxfhxtx.html