2. 程式人生 > >vue專案中，main.js,App.vue,index.html如何呼叫

vue專案中，main.js,App.vue,index.html如何呼叫

阿新 • • 發佈：2019-02-02

1、main.js是我們的入口檔案，主要作用是初始化vue例項，並引入所需要的外掛

2、App.vue是我們的主元件，所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是App.vue的子元件。所以我將router標示為App.vue的子元件。

  1. index.html檔案入口

  2. src放置元件和入口檔案

  3. node_modules為依賴的模組

  4. config中配置了路徑埠值等

  5. build中配置了webpack的基本配置、開發環境配置、生產環境配置等


相關推薦

vue專案中，main.js,App.vue,index.html如何呼叫

1、main.js是我們的入口檔案，主要作用是初始化vue例項，並引入所需要的外掛 2、App.vue是我們的主元件，所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是Ap

把圖片公式轉化為文字內容。vue專案中引入MathJax.js

這是個圖片的公式，有img標籤引入。 我們想要轉成下面的效果：   在vue專案中引入MathJax.js 首先在index.html頁面  <script type="text/javascript" src="https://cdn.ma

vue專案中，如何對static資料夾下的靜態檔案新增時間戳，以達到清除快取

例如config.js檔案是存放在static資料夾下，裡面存放的是websocket資訊，需要經常改動。改動了以後由於快取資訊，使其不生效，因此需要對引入的檔案新增時間戳。 方法如截圖所示： <script id="main"></script><script type="

微信公眾號支付介面（vue專案中，兩種方法）

第一種：引入微信js-sdk //在一個地方呼叫this.weixin()方法，比如說按鈕 //寫微信支付方法 weixin() { var that = this; var url=''; var params = {

PDF.js —— vue專案中使用pdf.js顯示pdf檔案（流）

前言：專案中有一個需要預覽下載pdf的需求，網上找了很久，決定使用 pdf.js 完成。 第一步： 首先肯定是匯入外掛，我是從官網直接下載，連結：點選開啟連結，注意需要放在static檔案目錄下 注意：這裡面有核心的pdf.js和pdf.worker.js,以及展示pdf的vi

axios服務封裝，可用於任何支援axios的專案中，包括react和vue都可通用。get/post請求，以及併發請求。以及導航欄隨意切換測試/正式環境

任何專案，只要支援axios，那麼你只要把我現在封裝的服務整個資料夾考過去即可。這個原本是我封裝在vue裡的，但是有一天公司突然來一個緊急的H5微信分享活動的專案，我當時用react搭建（zepto+node搭建其實最好）也是為了挑戰一下自己，畢竟只有三天時間。所以當我把很多vue裡封裝的東西直

在vue專案中，關於 vue-scroller ，上拉一直載入的問題

關鍵：上拉載入方法方法，都會有一個回撥函式 done,回撥函式的傳引數很關鍵， done(true) 停止載入，會顯示“已無更多資料” done(false) 允許下次繼續 看截圖： 1

vue-cli中src/main.js 的作用

// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. //main.js在渲染

vue專案中，定義並使用 全域性變數，全域性函式

一、定義變數，並全域性使用 原理： 1. 單獨新建一個全域性變數模組檔案，模組中定義一些變數初始狀態，用export default 暴露出去。 2. 在main.js中引入，並通過Vue.prototype掛載到vue例項上面

如何在vue專案中使用md5.js及base64.js

一、在專案根目錄下安裝 npm install --save js-base64 npm install --save js-md5 二、在專案檔案中引入 import md5 from 'j

在vue專案中 ， 將字串轉陣列 split（）

console.log(this.cityItem.fullName); console.log(this.cityItem.fullName.split('')); 在vue專案中，遇到一個常用的方法split（），因為常用，又容易記

在vue專案中使用md5.js及base64.js 設定cookie

MD5單向加密，不可解密 base64可加可解   轉載： https://blog.csdn.net/qq_35844177/article/details/70597597 https://blog.csdn.net/qq_32113629/article/deta

Vue專案中，防止頁面被縮放和放大

現在vue的腳手架生成專案之後我們會發現index.html頁面中。 在head標籤中，我們會看到meta標籤中有一條顯示是 <meta name="viewport" content="width=device-width,initial-sca

vue專案中，圖片無法顯示時，顯示預設圖片，但預設圖片路徑出錯

設定img的onerror，不能正常顯示圖片，路徑不對解決方法 <img :src="img.url" alt="圖片" width="100%" :onerror="defaultImg"/> export default { name: "pass-co

在vue專案中使用Nprogress.js進度條

Ajaxyy應用程式的細長進度條。靈感來自Google，YouTube和Medium。 在vue中使用nprogress.js 安裝 $ bower install --save nprogres

vue main.js App.vue index.html之間的聯絡

1.main.js 1 import Vue from 'vue' 2 import App from './App' 3 //根例項 4 new Vue({ 5 //掛載到index.html的<div id="app"> 6 el: '#app', 7 //r

vue專案中使用md5.js及base64.js

一、在專案根目錄下安裝npm install --save js-base64npm install --save js-md5二、在專案檔案中引入import md5 from 'js-md5';let Base64 = require('js-base64').Base6

vue專案中使用pdf.js預覽pdf檔案

    專案要求需要預覽pdf檔案，網上找了很久，大多數都是推薦pdf.js，自己起了解了一下，最後決定用pdf.js， 但是發現，在vue中使用這個很少！！！！！所以我就寫這一篇幫助一下vue使用pdfjs的朋友！ 其實 這和前端框架無關的，直接使用pdf.js原生

vue專案中，元件裡單獨引入對應css

我的css檔案，放在src資料夾下的assets資料夾下css內。 根據你具體的檔案路徑配置，引入在當前頁面路徑下的css （不是在main.js裡引入，main.js引入是公共css與js，之前文章有在main.js引入步驟）

vue專案中，使用預設圖片替代異常圖片

web專案中經常需要展示圖片，很可能就會碰到圖片地址無效的情況，比如圖片地址不對，或者後臺拿到圖片地址後，該地址無效，或者資料庫中沒有該圖片等情況。這時候，圖片就會顯示一個叉。 對於專案中出現的這種情況，我們也可以不做處理，但是比較影響美觀，所以我們都會使用一個預設的圖片來代