Vue基础代码

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/



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值