vuejs对象更新渲染_又学Vue系列：邂逅Vuejs

大家好，好久不见！距离上次更新已经有一个多月了，从九月以来陆续停更的主要理由是看了《活着》这部电影+小说，配合“努力不一定成功，但不努力一定会很舒服”毒鸡汤，让我这段时间颓废了一把(不得不说这段日子过得确实很舒服，王者荣耀还上最强王者了)。到最近一段时间，我终于重新稍微振作了一点，开始捡起之前写的自动化测试框架，继续研究。虽然之前学过几次Vue框架，但是在编写的过程中element-ui部分依然是磕磕绊绊，于是乎我下定决心，花时间彻底搞定Vue框架！

在b站找了一套Vue的视频课程，评论和课程大纲看完后觉得比较符合我的需求。视频总时长68个小时，希望可以能用最短的时间学完它。

邂逅Vuejs

【需要理解的知识】

为什么学习Vuejs？

• 前端三大主流框架：Angular、Vue、React。

• Vue非常热门。

咱们测试同学想一想自己负责的项目用哪个框架写的呢？

什么是Vuejs？

• 渐进式的前端框架：可以逐步使用vue代码替换现有前端项目，无需全部重构，可以渐进式的更替。

• 声明式编程范式：Vue.js 的核心是一个允许采用模板语法来声明式地将数据渲染进DOM的系统。(传统js做法是设置id属性、定义变量、将变量放入div元素中显示)

• 具有响应式：数据发生变化时界面也会变化。

【需要掌握的知识】

安装Vuejs

方法一：直接CDN引入

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12">script>

方法二：下载和引入

开发版本 https://cn.vuejs.org/js/vue.js
生产版本 https://cn.vuejs.org/js/vue.min.js

方法三：NPM安装

• 使用脚手架后推荐使用NPM方式安装

npm install vue