vue学习笔记

1.vue基础指令

1.1什么是vue

vue.js是一套响应式的JavaScript开发库。是非常流行的技术开发框架之一。

1.1.1读音

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

1.1.2 特点★★★

• Vue是一个遵循MVVM模式的渐进式框架

• Vue比较易学，体积更小，灵活，高效

• Vue的本身只关注UI视图，可以更简单的导入Vue插件和第三方库

• Vue通过Vue对象把数据和视图完全分离开来，对视图的改变无需在操作DOM元素，只需要操作对应的数据，即可改变对应的视图结构，也就是通过双向数据绑定把View层和Model层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。

• 1.2 数据渲染

  1.2.1 Vue.js的引入★★★★★

  前面我们说了Vue的一些特点，那下面我们来看一下我们如何具体使用Vue呢？ 我们一般学一门语言，都会先从打印hello world学起，那么我们来看一下，Vue如何打印Hello World呢？

  使用Vue我们有两种方法，一种方法类似于使用JQuery，我们可以引入Vue.js文件，还有一种方式是借助于npm来安装Vue的脚手架，做到真正的前后端分离，我们先来看一下第一种方式。

  我们可以通过下面的方式引入Vue的文件

  <!-- 开发环境版本，包含了有帮助的命令行警告 -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  

  或者

  <!-- 生产环境版本，优化了尺寸和速度 -->
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>