实例解析Vue.js下载方式及基本概念

vue.js是什么？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

说明及下载

Vue.js使用文档已经写的很完备和详细了，通过以下地址可以查看：

vue.js如果当成一个库来使用，可以通过下面地址下载：

Vue.js基本概念

我们下载了vue.js后，需要在页面上通过script标签引入vue.js，开发中可以使用开发版本vue.js，产品上线要换成vue.min.js。

Vue代码实例（创建）

Vus.js模板语法

模板语法指的是如何将数据放入html中

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值，例如：

{{ msg }}

插入的值当中还可以写表达式：

指令

指令 (Directives) 是带有“v-”前缀的特殊属性。指令属性的值预期是单个JavaScript表达式，指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。常见的指令有v-bind、v-if、v-on。

Vue.js 特点

• 简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。
• 数据驱动： 自动追踪依赖的模板表达式和计算属性。
• 组件化： 用解耦、可复用的组件来构造界面。
• 轻量： ~24kb min+gzip，无依赖。
• 快速： 精确有效的异步批量 DOM 更新。
• 模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。

总结

以上所述是小编给大家介绍的Vue.js下载方式及基本概念。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!