資訊專欄INFORMATION COLUMN
摘要：環(huán)境搭建如果你還沒有搭建開發(fā)環(huán)境，請移步以下步驟基于你已經(jīng)搭建好的開發(fā)環(huán)境首先從官網(wǎng)上下框架在項目的文件夾下導入文件主要導入和然后在中全局導入然后我們開始進行測試我們這里隨意插入一個按鈕，綁定一個點擊事件點擊事件如下您是如何看待前端開發(fā)重要
環(huán)境搭建
如果你還沒有搭建vue開發(fā)環(huán)境，請移步
https://cn.vuejs.org/
以下步驟基于你已經(jīng)搭建好vue的開發(fā)環(huán)境
首先從官網(wǎng)上下layui框架
https://www.layui.com/
在項目的static文件夾下導入文件
主要導入layer.css和layer.js
然后在index.html中全局導入
然后我們開始進行測試
我們這里隨意插入一個按鈕，綁定一個點擊事件
點擊事件如下
methods: {
testlayer: function() {
layer.confirm(
"您是如何看待前端開發(fā)？",
{
btn: ["重要", "奇葩"] //按鈕
},
function() {
layer.msg("的確很重要", { icon: 1 });
},
function() {
layer.msg("也可以這樣", {
time: 20000, //20s后自動關閉
btn: ["明白了", "知道了"]
});
}
);
}
}
測試運行
發(fā)現(xiàn)控制臺報了
$ is not defined
的錯誤
解決方法：
1.首先安裝jquery
cnpm install jquery --save
2.在項目根目錄下的build目錄下找到webpack.base.conf.js文件，在開頭使用以下代碼引入webpack
var webpack = require("webpack")
3.在module.exports中添加一段代碼
plugins: [
new webpack.optimize.CommonsChunkPlugin("common.js"),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
4.在main.js里導入jQuery
import "jquery"
最后重新編譯
npm run dev
我們可以發(fā)現(xiàn)運行成功了
導入bootstrap
同樣，我們先從官網(wǎng)下載框架
在index.html中全局導入
注意，導入第三方文件后一定要重新npm run dev，否則無法生效
我們這里簡單測試一個按鈕組件
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/105271.html
以下為個人目前接觸到的前端技術，歡迎大家補充。 一、前端技術框架 1、Vue.js 官網(wǎng)：https://cn.vuejs.org/ Vue CLI：https://cli.vuejs.org/ 菜鳥教程：http://www.runoob.com/w3cnote... Nuxt.js：https://zh.nuxtjs.org/ 桌面應用Electron：https:...
摘要：教程系列廖雪峰的官方網(wǎng)站教程湯姆大叔的博客深入理解系列阮一峰的個人網(wǎng)站入門阮一峰的個人網(wǎng)站入門實例教程阮一峰的個人網(wǎng)站架構(gòu)入門教程阮一峰的個人網(wǎng)站全棧工程師培訓教程核心思想代碼示例表單校驗的基本寫法小馬入門課程文檔系列技術文檔 教程系列 廖雪峰的官方網(wǎng)站 - JavaScript教程 ??????????湯姆大叔的博客 - 深入理解JavaScript系列阮一峰的個人網(wǎng)站 - ECMA...
摘要：高顏值好用易擴展的微信小程序庫，有贊。一套高質(zhì)量的微信小程序組件庫。用和搭建的一個通用管理后臺基于實現(xiàn)的后臺管理系統(tǒng)模板一個后臺管理系統(tǒng)模板是一套組件化框架，支持定制主題，主要服務于前臺及中后臺產(chǎn)品。基于后臺管理系統(tǒng)。 快來Star，在這里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...
摘要：高顏值好用易擴展的微信小程序庫，有贊。一套高質(zhì)量的微信小程序組件庫。用和搭建的一個通用管理后臺基于實現(xiàn)的后臺管理系統(tǒng)模板一個后臺管理系統(tǒng)模板是一套組件化框架，支持定制主題，主要服務于前臺及中后臺產(chǎn)品?；诤笈_管理系統(tǒng)。 快來Star，在這里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...
閱讀 2495·2021-11-24 10:29
閱讀 2634·2021-09-24 09:48
閱讀 5737·2021-09-22 15:56
閱讀 3152·2021-09-06 15:00
閱讀 2667·2019-08-30 15:54
閱讀 740·2019-08-30 13:48
閱讀 2894·2019-08-30 11:17
閱讀 3417·2019-08-29 11:20
