vue项目 情侣空间 纪念日功能模块

上一个星期学会了vue 部署 运行 接下来就想开发一个项目 一方面可以练习 一方面 和男票有尝试使用一些恋爱app 觉得体验感并没有很理想 就打算自己做一个吧！ ヽ(✿ﾟ▽ﾟ)ノ。这也是学编程的初衷哇

我是学前端的（java也会啦） 男票是学后台(java)的 本应该tomcat链接一下爱情 但很遗憾 我用nodejs + vue 他不会 只能自己敲了 

不过 能一起使用 我也是会很开心的 ！

先睹为快：

网页加载完成 -自动读取数据库数据 显示出来

输入相对应的信息（第二个为年月日） -点击添加纪念 -即时显示出来对应的天数 -点击删除可以删除当条信息

做好心理准备 我们要开车了！！！ 

01. 先画设计图纸！ （嗷 忘了说 我还能当半个美工！(°ー°〃) 真是 太悲催了！）

这个没有教程 自己想做什么样子的东西 就画成什么样～

02.提取素材

根绝设计图纸 把项目会用到的素材准备好 放入文件夹备用 并附上总项目目录结构（做菜文章看多了 simimasai～～）

03.安装 less

npm install --save-dev less-loader style-loader less

配置：

在 /build/webpack.base.conf.js 加上

module.exports = {
  module: {
    rules: [
      {   //把这个对象添加在里面
        test: /\.less$/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: { importLoaders: 1 } },
          'less-loader'
        ]
      }
    ]
  }
}

03.新建页面

在HelloWoeld.vue同样的目录文件夹下 复制粘贴新建一个home.vue页面 用来敲代码的