vue-cli的搭建和使用

检查存在 vue --version
全局安装 npm install -g vue-cli
vue init webpack vueapp01

 

 

1.使用runtime + compiler

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

2.runtime only

new Vue({

  el: '#app',

  router,

  render: h => h(App)

})

 

原生 ES 模块（Native ES Modules）是 JavaScript 的一种模块化机制，它允许开发者在 JavaScript 文件中导入和导出功能，从而实现代码的组织和重用。这种模块化特性是 ECMAScript 6（ES6）引入的
原生ES模块是一种js模块化方案

在vue2.x中使用only 更好，跳过前面一些编译的步骤

npm run dev运行