require引入js vue_VUE项目面试讲解

个人博客网站(三) - 前端项目​www.cnblogs.com

1.搭建VUE基础框架

1.1安装node.js

（node -v , npm -v）

1.2安装vue脚手架vue-cli

（npm install -g vue-cli）(-g表示全局安装)

1.3初始化一个项目

vue init webpack projectName（projectName 项目名称）

(vue ui)

1.4安装依赖组件

开发阶段：npm install xxx（例：安装jquery: xxx就填jquery）

发布阶段：为减小webpack打包后vendor.js的大小；我们通过cdn方式引入；比如index.html中引入:<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

1.5启动服务

命令：npm run dev

2.路由模块

2.1index.html

引入：<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>

2.2webpack.base.conf.js

在module.exports = {}中最后加上

externals:{
    
  'vue': 'Vue',
  'vue-router': 'VouRouter',
  'axios': 'axios',
  'vue-resource'; 'VueResource'
}

2.3routes.js

两种引入方式：

// 普通路由引入方式（所有vue模块的js文件都打包进vendor.js和app.js中）
// import Articles from './components/Articles'
// import Topics from './components/Topics'
// import AboutMe from './components/AboutMe'
// impo