>  기사  >  웹 프론트엔드  >  vue에서 구성을 구성하는 방법(자세한 튜토리얼)

vue에서 구성을 구성하는 방법(자세한 튜토리얼)

亚连
亚连원래의
2018-06-09 17:30:063887검색

이 글은 주로 vue의 구성 구성을 소개합니다. 이 글은 매우 자세하게 소개되었으며 참고할만한 가치가 있습니다. 필요한 친구들은 참고할 수 있습니다.

webpack.base.conf 파일에서 별칭과 확장자를 구성하세요

resolve: {
  extensions: ['.js', '.vue', '.json', '.styl'],
  alias: {
   'vue$': 'vue/dist/vue.esm.js',
   '@': resolve('src'),
   'src': path.resolve(__dirname, '../src'),
   'common': path.resolve(__dirname, '../src/common'),
   'components': path.resolve(__dirname, '../src/components')
  }
 }

별칭과 확장자, main.js는 이렇게 작성할 수 있습니다

import Vue from 'vue';
import App from './App';
import Router from 'vue-router';
//components前面可以加上'@/',也可以省略不写
//如果没有别名,就要写成“import goods from '../components/goods/goods';“
import goods from 'components/goods/goods';
import seller from 'components/seller/seller';
import ratings from 'components/ratings/ratings';
import '@/common/stylus/index';

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 기사:

vue-cli에서 babel 구성 파일을 구성하는 방법

babel 설치 및 구성 튜토리얼을 사용하는 방법

Nodejs의 합성 이미지에서 gm 자르기 사용

호출 방법 js를 사용하여 json

vuejs를 통해 데이터 기반 뷰 원칙을 구현하는 방법

부모 구성 요소를 사용하여 Vue에서 하위 구성 요소 이벤트를 호출하는 방법

vue에서 인덱스 파일을 컴파일, 패키징 및 보는 방법

Vue에서 사용 구현 방법 손가락을 슬라이드하는 방법

Vue 구성 요소에서 속성의 동적 추가 및 삭제 구현

Vue에서 객체 속성이 변경될 때 뷰가 업데이트되지 않는 문제를 처리하는 방법은 무엇입니까?

AngularJS에서 사진을 업로드하는 명령을 만드는 방법(자세한 튜토리얼)

위 내용은 vue에서 구성을 구성하는 방법(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.