Tall

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

今天学习了一下mockjs+axios模拟数据实现前后端分离，写一个小demo并记录一下，希望对vue的初学者有一点点帮助。（我的编辑器是webstorm，确保已经安装node.js，讲的比较基础）

这篇文章主要是对初学vue者讲解一下如何使用webstorm创建并运行一个vue项目，首先要确保已安装node.js和vue-cli脚手架。 6. 创建成功以后，执行npm install，此时文件结构中多出一个文件夹node_modules，然后执行npm run dev 7…

这一块可以对照官网API看一下都有哪些实例属性。 如果 Vue 实例在实例化时没有收到 el 选项，则它处于“未挂载”状态，没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。 完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件…

props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义验证和设置默认值。 我们定义一个panda的组件，并用props设置了here的属性值，在here属性值里传递了China给组件。…

v-model指令，就是在表单控件或者组件上创建双向绑定。 v-bind可以动态地绑定一个或多个特性，或一个组件 prop 到表达式。在绑定 class 或 style 特性时，支持其它类型的值，如数组或对象。 在模板中跳过vue的编译，直接输出原始值。就是在标签中加入v-pr…

v-if:是vue 的一个内部指令，指令用在我们的html中。 v-if用来判断是否加载html的DOM，比如我们模拟一个用户登录状态，在用户登录后现实用户名称。 v-show用来调整css中display属性，DOM已经加载，只是CSS控制没有显示出来。 v-if： 判断是否…