首页 FastAdmin

# 前言

直接都是直接下载包到项目里引入，看到 Fastadmin 框架里有 Bower， 了解到是一个针对 Web 开发的包管理器。
就尝试安装使用下。

# 参考链接

  • https://ask.fastadmin.net/article/31992.html

# bower 安装 vue

  • 因为我之前没有安装 bower 首先需要安装 npm install bower
  • 先打开项目根目录的 bower.json 文件，模仿已有 包名 + 版本 追加一行 "vue": "~2.6.14"
  • 保存后， 执行 bower update
  • 因为框架有配置文件 .bowerrc, 会自动指定目录下载 public/assets/libs

# 引入 vue

  • 修改文件 public/assets/js.backend-init.js 内容如下 引入 vue
  • 执行 php think min -m all -r all 压缩 js，使 debug=false 也能使用
define(['backend'], function (Backend) {
    require.config({
        paths: {
            'layui': '../libs/layui/layui',
            'vue': '../libs/vue/dist/vue.min',
        },
        shim: {
            'layui':{
                deps:['css!../libs/layui/css/layui.css'],
                exports: "layui"
            },
        }
    });
});

# 使用方法

define(['jquery', 'bootstrap', 'backend','vue'], function ($, undefined, Backend, Vue) {
    var app = new Vue({
        el: '#main',
        created: function (){
            console.log('hello vue')
        }
    })
});