用 Vuex 改进笔记案例项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们在 Vue.js 应用案例课程里,做了一个笔记项目。在继续这个课程以前,你可以先看一下这个 Vue.js 应用案例课程 ..

课程里做的这个项目,如果你还没有,可以先去克隆一份 .. 复制一下项目的地址 .. 打开命令行工具 ... 把项目放在我的桌面上 .. cd destkop

执行一下 .. git clone .. 加上项目的地址 ..

完成以后可以进入到这个项目 .. 执行一下 npm install ... 安装项目需要的东西 ..

再执行一下 npm start .. 这样会为项目在本地创建一个服务器 .. 在浏览器上会自动打开这个服务器的地址 ..

这里会出现我之前创建的笔记内容 .. 点击笔记 ,可以去编辑笔记里的内容 ...

添加笔记 .. 可以添加新的笔记 .. 打开这个笔记 ... 点一下右下角的这个垃圾筒小图标,可以删掉这条笔记 ..

回到命令行 .. 我们可以再用编辑器打开这个项目 ... 这里我用的是 atom 编辑器 ..

这个项目非常简单,在一个 js 文件里面包含了项目的所有代码 .. 就是这个 app.js ... 项目会越做越复杂,功能也会越来越多 .. 把所有代码放在一个文件里不是好办法 .. 我们要用模块化的方法,去开发项目 ..

比如每个组件我们都可以单独放在一个文件里面 .. 模块用 JavaScript 的模块系统,还有打包工具,去导入使用创建的模块 ...

另外应用里的数据的流动,我们可以用 vuex 来管理, 宁皓网的 《Vue.js:数据管理》 这个课程专门介绍了 vuex 的使用 ..

下面我们就一起去改进一下这个项目,用模块化的方式来开发项目,用 vuex 来管理应用的数据流动 ..

用 Vuex 改进笔记案例项目《 Vue.js:应用案例(Vuex) 》

统计

13463
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点