前言#
直接都是直接下載包到專案裡引入，看到 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')
}
})
});