使用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文档,以后补。