vue的初学篇
首先说一下 vue大概是个怎么回事（其实是没有这段话的 因为自学的时候 因为这个犹豫了一段时间 所以还是觉得有必要说一下）
开说：vue和jq的不同之处 1.首先代码量相比于jq 少的吓到我自己
2.jq是纯操作dom（dom就是元素 标签）但是vue是对数据操作 （eg：我们要改变input里面的值怎么办？ jq的方法：《选中元素 还要担心会不会选择重复 有的时候 还需要选择好几层 才能确保不会失误 然后在使用val()给他复制 》但是vue：《直接改变一个变量的值 就行》 因为一开始这个input的value值就和你定义的一个变量绑定了 所以后期你想改变 是不是 只需要改变这个变量就行了 绑定的意思肯定就是 你变我也变啊 有可能 你还不熟悉 你只需要知道 vue 就是这么简单）
3.到了路由了 你能看到这篇文章 肯定听过路由了（他就是把一个完整的页面分隔开来 然后给每个块起一个名字 需要谁就把谁引入进来就行 比如后台管理系统的顶部 和侧边栏 就是公共的 那么是不是我们只需要页面初始化的时候加载就行了 iframe也可以完成这个功能，但是 iframe 差远了 他也就只有这个功能 而且 还有很多的弊端 。其实说到这里 你还是对路由没有很详细的认识 因为这里只讲一个大概 后面的文章详细到你都害怕）
4.第四点 说一个总的方向 ，你听过vue是单页面应用 。什么是单页面 就是 从头到尾都是一个页面 从来没有刷新过 这就是单页面 。 举例子 （还是后台系统）顶部也侧边栏只需要加载一次对吧 需要变得只是右边的内容 对吧
所以右边的内容 就是一个一个路由组成的 我们需要show哪个页面 就把那个页面叫出来 （有的人会问 那你要是都show出来了 右边肯定很长而且都显示出来了 不符合要求啊 我们需要的是 右边每次只显示一个内容啊 这个还是后面会说的 你每次叫出来一个 上一个就会消失 这个放心）
本文从最基础的搭建到 后续的使用 讲解的主题风格是知识点组成的
1.搭建脚手架 点击打开链接 这个是我经常用的 绝对的正确 如果不正确 就多试试2.了解目录
这是我的项目目录 所以绝对的可靠
首先说一下 我们能用得到的地方
1.第一个文件夹 src 第二个文件夹static
2.src里面
1》assets这个文件夹我没用过 所以没有去管
2》components文件夹里面放的是公共的组件 （eg:顶部 和侧边栏 这是每个页面都有的）3》router里面是一个js文件 里面就是用来管理组件的
4》你会看到我的src下面有一个views文件夹 这是我自己创建的文件夹用来存放组件的 这些不是公共的组件所以我重新创建了 一个文件夹 （其实很多人都是这么做的 也是别的大佬给我教的）
5》App.vue这个就是你页面第一次要给客户呈现的 页面 是哪一个
6》main.js 这个 就是最重要的了 ，里面是各种引用 （我的个人理解 这个是最核心的 也是知识点最集中的一个文件 后面再去说 这里简单说一下 就比如你用jq的时候 你要用到各种插件 你需要引入他 才可以用 这个main.js 就相当于 这个作用 当然还有其他作用 先简单说一下 ）
static里面
1>我存放的是 css文件和js 文件 还有 img 文件 也就是 所有的静态文件 都放在这里 相信我 不会错
好了 首先目录就说到这里 （我说的很少 但绝对是你 会用到的 也是你能用的几乎所有）
觉得说的很模糊 可以互相交流 让自学的人 更加顺利
以上是 vue的初学篇 的全部内容， 来源链接： utcz.com/z/374799.html
