当前位置： 云海天教程网 > 技术新闻 > 前端开发 > 正文

使用vue构建企业级应用步骤

  • 作者： 佚名     来源： 网络转载
  • 时间：2019-12-04
npm install -g vue-cli
vue init webpack-simple demo
cd demo
npm install
npm run dev

做一个小实验 

在main.js中使用h函数挂载

import Vue from "vue"

new Vue({
  el: "#app",
  render: h => h("ul", {
    "class": "movies"
  }, [
    h("li", {
      "class": "movie"
    }, "Star Wars"),
    h("li", {
      "class": "movie"
    }, "Blade Runner"),
  ])
})

一个企业级的应用还需要做Babel Vue预设

npm i -D babel-preset-vue
npm i -D babel-polyfill

在main.js中导入babel-polyfill  以便旧版浏览器中可以使用新的js特性

import "babel-polyfill"