Vue.js 是什么

Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的 渐进式框架。Vue 采用自底向上增量开发的设计。

Vue 的核心库只关注视图层。

单页应用：Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

渐进式框架:

声明式渲染和组建系统是Vue的核心库所包含内容，而客户端路由、状态管理、构建工具都有专门解决方案。

这些解决方案相互独立，你可以在核心的基础上任意选用其他的部件，不一定要全部整合在一起。

上几个简单的例子

声明式渲染

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

    <div id="app">{{ message }}</div>

    var app = new Vue({el: '#app',data: {message: 'Hello Vue!'}})

条件

控制切换一个元素的显示也相当简单：

    <div id="app-3"><p v-if="seen">Now you see me</p></div>

    var app3 = new Vue({el: '#app-3',data: {seen: true}})

继续在控制台设置 app3.seen = false，你会发现 “Now you see me” 消失了。

循环

v-for指令可以绑定数据到数据来渲染一个列表：

    <div id="app-4"><ol><li v-for="todo in todos">{{ todo.text }}</li></ol></div>

     var app4 = new Vue({el: '#app-4',data: {todos: [{ text: 'Learn JavaScript' },{ text: 'Learn Vue' },{ text: 'Build something awesome' }]}})

注意:vue.js不支持IE8及以下的IE版本.

转载于:https://www.cnblogs.com/zhaodagang8/p/7819243.html

Vue.js 是什么相关推荐

Vue.js 源码目录设计（二）
Vue.js 的源码都在 src 目录下,其目录结构如下. src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── se ...
【转】Vue.js 2.0 快速上手精华梳理
Vue.js 2.0 快速上手精华梳理 Sandy 发掘代码技巧:公众号:daimajiqiao 自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新 ...
vue.js安装过程(npm安装)
一.开发环境 vue推荐开发环境: Node.js: JavaScript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器. webpack: 它主要的用途 ...
laravel ajax vue6,详解用vue.js和laravel实现微信支付
注:此项是微信公众号开发,请在往下看之前,先实现网页微信授权登陆功能,具体参看我简书的另一篇文章:https://www.jb51.net/article/117004.htm 1.打开app/con ...
js去掉前后空格的函数_2020年最火爆的Vue.js面试题
2020年Vue面试题 Interview ●●●● 作者:@烦恼会解决烦恼 vue核心知识--理论篇 1.对于Vue是一套渐进式框架的理解渐进式代表的含义是:主张最少. Vue可能有些方面是不如R ...
【说人话】真正意义上讲清楚了如何用$emit()在Vue.js的自定义组件中实现v-model=“”双向绑定
子组件sg-component.vue代码 <template><div class="sg-component"><button @click=&q ...
Vue.js双向绑定的实现原理
Vue.js 最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统.本文仅探究双向绑定是怎样实现的.先讲涉及的知识点,再用简化得不能再简化的代码实现一个简单的 hello world 示例. 一 ...
Vue.js学习系列（四十二）-- Vue.js组件
2019独角兽企业重金招聘Python工程师标准>>> 组件(Component)是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.组件系统让我们可以用独立 ...
为什么vue.js一眼看上去很美?
对其他框架我是佩服,对vue.js我则是爱.我就是一眼看上了vue.js,于是用它做各种东西,反反复复多次,然后觉得有些融会贯通,然后,我稍微细的思量了下,到底vue.js靓丽在哪? 还是上案例对比说 ...
Vue.js slots: 为什么你需要它们？
也许你已经看过了Vue.js slots的文档.我对这个功能从"为什么你可能需要它"到"没有它我怎么可能工作"的态度转变非常快. 虽然文档已经解释了它的概念,但 ...

Vue.js 是什么

Vue.js 是什么

上几个简单的例子

声明式渲染

条件

循环

Vue.js 是什么相关推荐

最新文章

热门文章