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

深渊向深渊呼唤
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'

 

栏目