v-for
指令,可以使用数组中的数据来展示一个项目列表:
v-on
指令 来增加事件监听器;
v-model
指令,使得表单输入和应用程序状态之间的双向绑定变得轻而易举:
v-once指令,执行一次性插值,也就是说在数据改变时,插值内容不会随之更新。这也将影响到同一节点上的其他所有绑 定:
v-html指令:双花括号语法,会将数据中的 HTML 转为纯文本后再进行插值。为了输出真正的 HTML,你需要使用 v-html
指令:
v-for
指令,将一个数组渲染为列表项
vue 入门
网上有用淘宝官方镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
在这之前需要安装node.js
百度一下就可以找到;
https://nodejs.org/zh-cn/
我的项目是用官方npm安装的但是使用的时候容易出问题,因此推荐使用cnpm安装;
安装的顺序类似:
安装Vue2.0
$ cnpm install vue
- 1
安装vue-cli 脚手架工具
$ cnpm install --global vue-cli
- 1
.在某个目录下,创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
//my-project是你的项目名
- 1
- 2
安装依赖
$ cd my-project //到项目目录下
$ cnpm install //安装依赖
- 1
- 2
运行新创建的vue项目
$ npm run dev
参考:https://vuefe.cn/v2/guide/list.html
https://www.jianshu.com/p/d87d7140944e/