前言#
直接都是直接下载包到项目里引入，看到 Fastadmin 框架里有 Bower， 了解到是一个针对 Web 开发的包管理器。
就尝试安装使用下。
参考链接#
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')
}
})
});