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(){

        }

    }

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,157评论 4 129
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,095评论 0 29
  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,287评论 8 124
  • 我要给你 这世界上最轻灵的问候 如同天空中的两片云 在灰灰的云雀里穿行 我要送你 这春天里最悠闲的歌谣 如同天空中...
    莫愁Jessie阅读 328评论 2 7
  • 最近做大广赛的作品收集整理,真的是看到优秀与平庸的区别。就作品本身而言,优秀的作品不是说所有的创意都很好,但是...
    五年记录阅读 502评论 0 0