vue简介

Posted 2020-11-07 while True:just do it

vue的介绍

vue官网说：Vue.js（读音 /vju?/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。 

vue的优点

1.易用

　　已经会了 html、CSS、javascript？即刻阅读指南开始构建应用！

2.灵活

　　不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。

3.高效

　　20kB min+gzip 运行大小
      超快虚拟 DOM 
      最省心的优化

虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。这句话，也许过于抽象，却基本概况了虚拟DOM的设计思想

(1) 提供一种方便的工具，使得开发效率得到保证
(2) 保证最小化的DOM操作，使得执行效率得到保证

ps：关于虚拟dom，在这里不做赘述，大家可以这样认为，虚拟dom的渲染速度要比我们真实的dom渲染速度快

vue安装

1.下载vue包

 我们可以在Vue.js的官网上直接下载vue.js,并在<script>标签中引用。->  <script src = ../vue.js> </script>  开发环境不要使用最小压缩版，不然会没有错误提示和警告！

2.使用CDN方法

•  BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js ， （国内不稳定）           
• unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。（推荐使用）
• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js，如（<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>）

3.NPM方法

npm install vue

 小示例

<div id="app">
  {{ name }}
</div>

<script>
var app = new Vue({
     el:‘#app‘,
     data:{
        name : ‘付勇‘
     }
})
</script>