Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架
所谓渐进式是指:
1,如果你有一个现成的web应用,你可以将vue作为该应用的一部分嵌入其中,带来更丰富的交互体验
2,如果你需要更多业务逻辑要放到前端处理,那么Vue的核心库以及生态系统,也可以满足各样的需求
一,将vue作为部分嵌入其中,在页面中使用<script>快速引用并开发
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用script直接引入vue</title>
</head>
<body>
<div id="app">
<h2>{{testFirst}}</h2>
<h2>{{testSecond}}</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script>
//实例化Vue
var vm = new Vue({
el: '#app',
data: {
testFirst: 'init...',
testSecond: 'init...'
},
mounted() {
//实例挂载以后自动执行
this.testSecond = 'I am Vue'
}
})
</script>
</body>
</html>
二,新项目使用Vue进行开发,使用npm进行安装
# 最新稳定版
$ npm install vue