Vue基础

Vue.js基础

Hello Vue

引入Vue.js

1. 下载vue.js文件
2. cdn

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>

3. npm 安装一个Vue的依赖

当我们通过script引入vue.js后，就会全局注册一个Vue变量，它是一个构造函数

虚拟DOM

• 11-13行
• 12行 mustache语法

new Vue()

• new Vue()得到跟实例组件
• el 挂载：将一个已有的DOM元素的选择器挂载在构造函数的选项上,同时确定了vue实例作用范围

数据驱动视图

• 当数据发生改变时，视图也会随之改变

Vue深入响应式原理

• Vue是通过数据劫持和事件的订阅发布来实现的，数据劫持指的是Vue通过observer观察者对象对data选项中的数据进行getter和setter设置【 Object.defineProperty 】，事件的订阅发布指的是Vue通过事件来监听，通知Vue进行视图更新