angularJs 마이그레이션 vue, 전체 시리즈(1)

    angularJs   BI       ，          ，        ，             ，            ，      。                  。      ，            。

작업: 1.vue-cli 설치, router 구성, vuex   2.원래 프로젝트에 사용된bootstrap과 jquery를 도입합니다.로그인 페이지 변경 완료
하나.설정router와 vuex는 말할 것도 없고 홈페이지에 있습니다.다음은 jquery 도입:
1. 명령 npm install jquery –save-dev를 사용하여 jquery를 도입합니다.
2. 웹팩에서.base.conf.js에는 다음과 같은 내용이 추가됩니다.

var webpack = require('webpack')

//module.exports   
plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery"
    })
  ],

3.main.js에서 도입

import $ from 'jquery'

그런 다음 bootstrap을 도입합니다.
1. bootstrap 아래의 파일을 assets 디렉터리에 넣기
이럴 때는main.js에는 다음과 같은 내용이 추가됩니다.

import './assets/bootstrap/css/bootstrap.min.css'
import './assets/bootstrap/js/bootstrap.min.js'

여기까지 임무를 완수하겠습니다.
둘.소개 페이지 마이그레이션 완료
단계를 완료하려면 다음과 같이 하십시오.
  1.원래의 html 페이지container 부분을login으로 이동합니다.vue의 template   2.기존 css 파일 내용을 login의 스타일로 이동합니다.원래의 js 방법을 vue의methods 4.index 첫 페이지로 성공적으로 로그인