0
点赞
收藏
分享

微信扫一扫

Vue基础代码


​v-for​​ 指令,可以使用数组中的数据来展示一个项目列表:​​v-on​​ 指令 来增加事件监听器;​​v-model​​ 指令,使得表单输入和应用程序状态之间的双向绑定变得轻而易举:

 v-once指令,执行一次性插值,也就是说在数据改变时,插值内容不会随之更新。这也将影响到同一节点上的其他所有绑 定:

 v-html指令:双花括号语法,会将数据中的 HTML 转为纯文本后再进行插值。为了输出真正的 HTML,你需要使用 ​​v-html​​ 指令:​​v-for​​ 指令,将一个数组渲染为列表项

vue 入门

Vue基础代码_html

网上有用淘宝官方镜像:

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/​​



举报

相关推荐

前端-vue基础-vue基础

【Vue】Vue基础入门

vue 基础

Vue基础

vue基础

【VUE】基础

Vue 基础

Vue.js------vue基础

0 条评论