Vue入门
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
Vue 只关注视图层, 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
安装nodejs 配置淘宝源
NodeJS地址:
http://nodejs.cn/download/
最新版NodeJS已集成npm,不需要单独安装npm ,安装一路下一步。
1、cmd配置淘宝源
npm install -g cnpm --registry=https://registry.npm.taobao.org
若不识别npm命令,则重启电脑。
2、校验是否成功
cmd输入:cnpm -v
使用vue-cli创建工程
1、
vue-cli
是vue出品的脚手架
为单⻚⾯应⽤ (SPA) 快速搭建繁杂的脚⼿架。
2、vue-cli 的安装(cmd安装) 该命令,不需要重复执行
cnpm install -g @vue/cli
cnpm install -g @vue/cli-init
3、cmd 执行工程创建
vue create my-project(项目名)
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue快速入门</title>
<!-- 在线生成工具 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{msg}}
</div>
<script>
new Vue({
el:"#app",
data:{
msg:"冰冰你好"
},
methods:{
}
})
</script>
</body>
</html>
结果是: