Vue介绍及环境搭建

前言

这几年一直在it行业里摸爬滚打，一路走来，不少总结了一些python行业里的高频面试，看到大部分初入行的新鲜血液，还在为各样的面试题答案或收录有各种困难问题

于是乎，我自己开发了一款面试宝典，希望能帮到大家，也希望有更多的Python新人真正加入从事到这个行业里，让python火不只是停留在广告上。

微信小程序搜索：Python面试宝典

或可关注原创个人博客：https://lienze.tech

也可关注微信公众号，不定时发送各类有趣猎奇的技术文章：Python编程学习

Vue

Vue.js是前端三大新框架:

​ Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增

Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的API实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言

Vue也可以将界面拆分成一个个的组件，通过组件来构建界面，然后用自动化工具来生成单页面(SPA - single page application)系统

• Vue.js官方文档： https://cn.vuejs.org/v2/guide/
• vue.js下载地址： https://cn.vuejs.org/v2/guide/installation.html

环境搭建

devtools

vue-devtools可以方便开发者进行Vue中变量等信息的调试跟踪

• 下载vue-devtools

git clone https://github.com/vuejs/vue-devtools

• 进入到vue-devtools目录下安装依赖包

cd vue-devtools-dev
cnpm install 
cnpm run build

• 注意：在进行调试工具安装时，首先需要修改shells>chrome文件夹下的mainifest.json中的persistent为true
• 将插件目录下的chrome文件夹拖入到chrome浏览器的扩展程序下，记得打开调试模式

扩展程序可以通过浏览器访问

chrome://extensions/

vue-cdn

最方便的使用vue，可以通过cdn，直接引入vue的js文件即可

• 开发版本，包含了有帮助的命令行警告

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

• 生产环境版本，优化了尺寸和速度

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