宁皓网 Vue.js：预览

学一下 Vue.js 框架。

来自  https://ninghao.net/course/4256?destination=node/4256#info

准备

1)安装与使用 Vue.js

先进入到某个地方 ... 然后为项目创建一个目录，比如 vue-demo ... 再进入到这个目录的下面 ... 把 vue 下载到这个目录的下面 ...

curl -O http://vuejs.org/js/vue.js

用编辑器打开这个项目的目录 ...

atom ./

新建一个 html 文档 ... 名字可以是 index.html .. 添加一个基本的 html 的结构 ... 然后把 vue 嵌入到这个页面上 ... 位置就是当前目录下的 vue.js

新建一个 js 文件 .. 名字是 index.js ... 再把它嵌入到这个页面的底部 ...

然后回到终端，我们可以为项目创建一个服务器，然后监视两个文件的变化 ... 最简单的可以使用 browser-sync ..

browser-sync start --server --no-notify --files='index.html, index.js'

下面我们就可以在这个小项目上面去试验一下 vue 这个框架 ...

来自  https://ninghao.net/video/4258#info

预览

2)渲染

3)绑定元素属性

4)条件

5)用户输入

6)循环

7)组件