Vue学习（二）

使用vue-cli创建vue项目。 vue create “项目名” 或 vue ui。（项目名需要有“-”，比如：hello-world）

 

项目创建成功后目录如图：

build：打包使用

config：配置目录

node_modules：存放项目开发的依赖模块

src：开发目录

static：静态资源，图片、字体

store.js是vuex所需要使用的文件。router.js，为vue的路由。main.js是初始化vue实例并使用需要的插件。.vue文件为项目中的组件。（New.vue是后来自己建的）

向项目中新添加组件，新建vue文件如：New.vue，向router.js中添加如下代码：

向APP.vue中添加如下代码：

结果如图：

 

下面简单介绍下vuex;

在store.js添加如下代码：

about.vue中：

info.vue：

在info.vue中点击按钮，执行store.js中mutations中的increase放法，使state中的count++，在about.vue中显示store.state.count。

 

最近太忙，没怎么看vue文档，以后补。