Vue技术点整理-安装引入
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
详情介绍查看 https://cn.vuejs.org/v2/guide/installation.html