vue.js 入门

vue

开发日常

Publish Date: 2017-04-07

初始化项目

$ npm install -g vue-cli
$ vue init webpack myProject
$ cd myProject
$ npm install
$ npm run dev

打开http://localhost:8080/#/ ,即可看到生成的项目

代码解析

import Vue from 'vue'
import App from './App' /* 引入App这个组件  */
import router from './router' /* 引入路由配置 */

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue(&#123;
  el: '#app', /* 最后效果将会替换页面中id为app的div元素 */
  router, /* 使用路由 */
  template: '<App/>', /* 告知页面这个组件用这样的标签来包裹着,并且使用它 */
&#125;);