你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

Vue介绍及环境搭建

2021/12/6 9:05:33

前言

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

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

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

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

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

Vue

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

Angular.jsReact.jsVue.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>