Vue-History3

[MarsZone]

Knowlege 📖

• -$mount()手动挂载

1) const app = new Vue({ router }).$mount('#app') 2) new Vue({ el: '#app', router, render: h => h(App) }) 第一种缺 render function，所以是空白的。 文档 中 #app 元素的 outerHTML 是 Vue 模板，该模板可以被编译成 render function。 https://router.vuejs.org/zh-cn/essentials/getting-started.html

//Router Mode "hash" | "history" | "abstract"

• [ECMAScript6

  Module语法 import {xx} improt xx

- dirname与filename 可以使用__filename变量获取当前模块文件的带有完整绝对路径的文件名

__dirname 获得当前文件所在目录的完整目录名：

- <li><a href="/helloWorld" target="_blank">HelloWorld</a></li> 如果加参数 target="_blank 会打开新的页面

• 报错是由于我们引入了index.css这个 CSS 文件，但是 webpack 打包的时候无法识别并转换成 js，所以就需要配置才能读取 css 和字体文件，运行命令安装下面三个东西(如果之前安装过就不需要了)

cnpm install style-loader --save-dev cnpm install css-loader --save-dev cnpm install file-loader --save-dev

https://github.com/webpack-contrib/style-loader

{
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          { loader: "style-loader" },
          { loader: "css-loader" }
        ]
      }
    ]
  }
}

SourceMap压缩后可以还原Debug http://cordova.axuer.com/ JS打包APP http://weex.apache.org/cn/ Cordova,Weex

Work ⌨️

-开了一个新项目，代码放到github

Problem 🐛

install node-elm 后台端的时候因为依赖node-gyp所以出错了 https://github.com/nodejs/node-gyp#installation

Going Todo 🐌 🎆

运行，大概查看看别人的做法。 mongodb