vue学习笔记:vue的认识与特点与获取

时间:2023-12-10 14:57:26

Vue了解

Vue:读作 view

Vue是一个渐进式框架

与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。

Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。

另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

关于渐进式:

  • 意味着你可以把vue作为应用的一部分嵌套进去,带来更丰富的交互体验
  • 或者如果你希望将更多的业务逻辑使用vue来实现,vue的核心类库以及生态系统

vue的特点

vue有很多特点和web开发中常见的高级功能:

  • 解耦视图和数据
  • 可复用的组件
  • 前端路由技术
  • 状态管理
  • 虚拟DOM

vue的安装

初学vue,我们或许只需要在页面导入一个 vue.js 文件即可

日后我们可能使用npm来构建vue开发环境

<script src="https://unpkg.com/vue/dist/vue.js">

贴一个HTML中使用vue的模板

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8 ">
<style> </style>
</head>
<body>
<div id="app">
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
var vm = new Vue({
el: '#app',
data: {},
methods: {}
});
</script>
</body>
</html>