-
一、前端的价值: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"//new 一个这个插件的实例,并传入相关的参数
// })
// ],
},
//2.2+以上版本 plugins要写在module.exports.module外面(即module.exports里面)
plugins: [
new HtmlWebpackPlugin({
template: __dirname + "/app/index.tmpl.html"//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 babel-loader@7.1.5
查看全部 -
页面分成不同的组件
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 配置项,能实现页面中 某个组件的刷新,避免测试时候,页面其它数据消失.
查看全部
举报