色婷五一,精品亚洲欧美一区二区三区日产 ,精选国产AV剧情,无码丰满少妇2在线观看

18600329666

咨詢技術(shù)專家

掃一掃
與技術(shù)專家在線溝通

Menu
vue從基礎(chǔ)到高級使用

來源：未知　時間：2019-35-16　瀏覽次數(shù)：198次

一.下載安裝node.js
   1. 下載地址 http://nodejs.cn，下載后直接安裝，命令行輸入node -v 驗證是否安裝成功
   2.更換國內(nèi)npm鏡像（npm為node.js的包管理工具，類似maven），國外鏡像地址太慢
    npm install -g cnpm --registry=https://registry.npm.taobao.org
二.安裝vue腳手架工具
   1.cnpm install --global vue-cli    ，輸入vue驗證是否安裝成功
三.新建vue項目
1.命令行進入工作目錄（目錄為任意目錄，用來存放項目源文件）輸入
      E:          
      cd   vue 
2.新建項目
     vue init webpack test          回車+yes
3.進入項目目錄安裝依賴
     cd   test
     cnpm install
4.啟動項目
     cnpm run dev        瀏覽器訪問，默認(rèn)端口為8080
5.使用開發(fā)工具開發(fā)vue，選擇使用hbiuder（下載安裝即可）
   1.新建項目，新建->項目->vue項目
   2.若不能運行則通過命令行進入項目所在目錄，npm install
  3.運行：點擊hbiuder頭部運行->運行到終端->npm run  server
四.vuex的使用
1.安裝：npm install vuex --save
2.使用:main.js中引入
     import Vue from 'vue'
     import Vuex from 'vuex'
     Vue.use(Vuex)
3.創(chuàng)建store
     const store = new Vuex.Store({});
五.vuejs-dialog提示框的使用
   1.安裝：npm install vuejs-dialog
   2.main.js引入：
        import VuejsDialog from "vuejs-dialog" 
        import "vuejs-dialog/dist/vuejs-dialog.min.css"   //必須引入否則無樣式
        Vue.use(VuejsDialog)
   3.使用
       this.$dialog.alert('登錄失敗')
六、vue定義全局函數(shù)
  1.建立fun.js文件寫入如下內(nèi)容
     exports.install = function (Vue, options) {
           Vue.prototype.getToken = function (){
               ...
           };
      };
   2. main.js 引入并使用
        import fun from './fun'
          Vue.use(fun);
   3.在所有組件里可調(diào)用函數(shù)
        this.getToken();
七.Runtime Only與Runtime compile
    1.Runtime Only:只包含運行時vue，借助 webpack 的 vue-loader 工具把 .vue 文件編譯成     
        JavaScript
    2.Runtime compiler :運行時編譯模式，extend ,components等模板中使用回傳值是必須使用
       該模式否則會報錯。
    3.Runtime only 切換為Runtime compile 的方法：在項目根目錄下創(chuàng)建vue.config.js，加入   
       下列語句，重啟即可
        module.exports = {
             runtimeCompiler: true
        }
 
八.ajax異步請求axios的使用
   1.安裝npm install axios
   2.使用
 methods:{
            getList(){
                const self=this;
                axios.get('../data/a1.php',{params:{
                    id:2
                }}).then(function(res){
                    self.userList=res.data;
                }).catch(function(res){
                    console.log(res);
                });
            },
        }