发表于: 2019-12-01 22:36:23

1 1218


今天完成的事

开始用cli搭建项目

最开始是用 nue ui可视化操作创建的,因为怕有什么奇怪的问题,又删了重新用命令行创建了个默认的。


Project name (my-project) # 项目名称(我的项目)

Project description (A Vue.js project) # 项目描述一个Vue.js 项目

Author 作者(你的名字)

Install vue-router? (Y/n) # 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块)

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])

Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)

Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha? (Y/ N)

Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch? (Y/ N)



创建项目成功后,先了解一下目录结构

为项目的各种依赖,这个结构的细节不用管,只需要在业务代码中引用依赖包就行。

为静态资源存放区

为源码目录,这个目录下的

          为资源目录

          为公共组件

          为前端路由

          vue x配置文件夹

          为父组件

版本控制

项目模块说明书


  



关于指令部分

指令的前缀歹有V-,他们会在渲染的DOM的上应用特殊的响应式行为
其中的v-html指令:

用于输出html代码,设定一个被选中的东西,然后下方的JS部分选中再输出要写的标签和东西
模块化开发的定义:一个JS文件就是一个模块,模块的内部成员都是相互独立的
导出和引入 
模块成员导出 :global
var flag=1232;
global.flag=flag;
另外的一个页面进行导入:
require(路径);
console.log(global.flag);

mvn是node.js版本管理的工具
语法糖 指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。
类似于像JQ一样,原本需要几个步骤的,现在只需要一个或者两个代码指令就可以解决问题的



遇到的困难

暂无


收获:学会创建项目?


明天的计划

开始引入组件做任务6


返回列表 返回列表
评论

    分享到