-
一、前端的價值:1、搭建前端工程:數據緩存、es6和less(可以加快開發效率)。2、網絡優化:http(所有靜態資源都是通過http請求的)。3、api定制。4、node.js層。二、vue-cli生成的項目就是基于webpack的前端工程。
查看全部 -
vue工程的搭建
?npm init
1、npm i webpack vue vue-loader
2、npm i css-loader vue-template-compiler
3、新建src目錄并在src下新建app.vue
4、在app.vue中編寫vue組件
5、在根目錄下新建webpack.config.js
查看全部 -
? ? ? ? // // 2.2以下版本(2.1-) plugins要寫在module.exports.module里面
? ? ? ? // plugins: [
? ? ? ? //? ? ?new HtmlWebpackPlugin({
? ? ? ? //? ? ? ? ?template: __dirname + "/app/index.tmpl.html"http://new 一個這個插件的實例,并傳入相關的參數
? ? ? ? //? ? ?})
? ? ? ? // ],
? ? },
? ? //2.2+以上版本 plugins要寫在module.exports.module外面(即module.exports里面)
? ? plugins: [
? ? ? ? new HtmlWebpackPlugin({
? ? ? ? ? ? template: __dirname + "/app/index.tmpl.html"http://new 一個這個插件的實例,并傳入相關的參數
? ? ? ? })
? ? ],
原文鏈接:https://blog.csdn.net/jiajia199470/article/details/77100466
查看全部 -
Module build failed (from ./src/index.js):
C:\aboutHtml\pro_demo\src\index.js:1
(function (exports, require, module, __filename, __dirname) { import Vue from 'vue'
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ^^^^^^
SyntaxError: Cannot use import statement outside a module
?錯誤解決:
添加module :
????module:{
????????rules:[
????????????{
????????????????test:?/.js$/,
????????????????loader:?'babel-loader',
????????????????exclude:?/node_modules/
????????????},
????????????{
????????????test:?/.vue$/,
????????????loader:?'vue-loader'
????????}
????]
????},
導入模塊:
npm install babel
npm install babel-core
npm install [email protected]
查看全部 -
?頁面分成不同的組件
?vue和webpack的配置和使用?
styles?
查看全部 -
初始化項目npm init
安裝需要的包npm install webpack Vue Vue-loader
安裝需要的依賴 npm i css-loader vue-template-compiler
新建文件夾src 放置編碼
.vue文件是vue的特殊開發方式;是一個組件不能直接掛載到html中
需要新建index.js文件
新建文件webpackconfig.js 打包前端資源
運行npm run build
查看全部 -
前端價值
查看全部 -
autoprefixer -- 7.2.3????????處理css屬性,加兼容前綴
postcss-loader ---2.0.9
babel-core --- 6.26.0
babel-loader -- 7.1.2
babel-preset-env -- 1.6.1
babel-plugin-transform-vue-jsx -- 3.5.0
查看全部 -
來查看全部
-
1.global樣式
2.背景虛化的樣式
3.style標簽中 設定scoped只應用于指定組件內
4.組件引用
5.Vue中監聽事件 :v-on:事件名稱,@事件名稱--(后面可以添加修飾符)
6.class的動態寫法::class = “[]”
7.v-for 循環 使用是,需要申明唯一key 提高性能
8.required=true 表示必傳參數
查看全部 -
babel-loader 安裝及配置;postcss-loader 安裝及配置;computed計算;Vue組件解析;Vue數據綁定原理
查看全部 -
.vue文件 和 .jsx 文件, 最終都轉化成 render() { } 方法 .
查看全部 -
將模板部分寫入 render() { } 里面.
查看全部 -
.jsx 文件就是將 HTML 寫在?JavaScript? 文件里面.
查看全部 -
hot: true 配置項,能實現頁面中 某個組件的刷新,避免測試時候,頁面其它數據消失.
查看全部
舉報