初见VUE

Vue是什么?

Vue在近期热门程度逐渐提高,引起了许多人的学习兴趣。而学习先要了解,Vue是一套用于构建用户界面的渐进式框架。什么是渐进式框架?我的理解是有需要就引用,举个栗子:

  • 在写一个小页面的时候如果仅是表单提交的时候去调用Vue,这时候Vue的其他组件就对你没用,你只需要引入调用然后完成那部分的Vue代码
  • 在写完小页面后发现Vue好用,想要用更多的特性,然后就开始一点一点地添加引用,添加框架。

这个过程我觉得就是渐进式。具体的优势描述就不一一赘述,官方文档说的可要更全面。

Vue的使用

使用有两个方法:

一、类似于插件样的引入html文件

即用<script>引入下载的Vue.js或<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>进行使用
具体的创建实例还是看官方文档

二、安装官方的Vue-cli脚手架

我用的是这位的安装过程:潇潇六月雨

在开始你的代码前建议先跟着官方文档过一下,如果用Vue-cli的最好找个样例看一看,了解下结构。

Vue-cli目录结构


这是我在GitHub找的一个样例(GitHub地址)其中大部分都是配置服务的,所以主要关注的是:

  • src文件中的page
  • src文件中的style
  • src文件中的App.vue
  • src文件中的main.js
  • index.html
  • src文件中的components

大多都在src文件中,所以是src是写代码的主要文件
当然我也是个正学习的小白所以更详细的可以看下这位的:shirliey

我不生产令人秃头的代码,我只是代码的秃头搬运工QAQ

猜你喜欢

转载自www.cnblogs.com/YX-blogs/p/13181357.html