Vue.js(一)初步接触

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.js 更容易上手。

logo

Vue.js 是一个用于创建 Web 交互界面的库。它让你通过简单而灵活的 API 创建由数据驱动的 UI 组件。

适用人群

即便您已经熟悉了一些这类的库或框架,我们还是推荐您继续阅读接下来的概览,因为您对它们的认识也许和它们在 Vue.js 语境下的定义不尽相同。

vue 简单安装教程

在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 WebpackBrowserifyCommonJS 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件

  • 最新稳定版本
    • $ npm install vue
  • 最新稳定 CSP 兼容版本
    • $ npm install vue@csp

注:详细教程请到官网查看 http://cn.vuejs.org/guide/installation.html

Hello World (注:可在 https://jsfiddle.net/ 在线调试)

1
2
3
<div id="app">
{{ message }}
</div>
1
2
3
4
5
6
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
Hello Vue.js!

未完待续

相关链接

vue官网:http://cn.vuejs.org/
vue gitHub: https://github.com/vuejs/vue
vue官网教程: http://cn.vuejs.org/guide/index.html
文章目录
  1. 1. 适用人群
  2. 2. vue 简单安装教程
  3. 3. Hello World (注:可在 https://jsfiddle.net/ 在线调试)
  4. 4. 未完待续
    1. 4.1. 相关链接
,