VUE
参考资料:
https://cn.vuejs.org/
https://router.vuejs.org/zh-cn/
https://vuex.vuejs.org/
https://github.com/vuejs/awesome-vue
一、vue+jquery
vue(IE9+)
企业后台或企业站
二、vue全家桶:vue+ES6+vuerouter+less(sass或stylus)+vuex+webpack+......
通过用vue脚本架来开发项目
npm install -g @vue/cli
如果npm install安装一些依赖包慢,可以换成淘宝镜像:
npm config set registry https://registry.npm.taobao.org
禁用eslint代码检查:config->index.js 找一下 useEslint: true,改成false
真机测试: 打开vue脚本架 config->index.js 中的host:"localhost"改为 host: '0.0.0.0'
打包路径:打开vue脚本架 config->index.js 中的
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
将 assetsPublicPath: '/',改成assetsPublicPath: './'
移动端H5页面高清多屏适配方案:
https://note.youdao.com/share/?id=8e3044287f1ab4822b3647cfa21c67e5&type=note#/
通常浏览器默认使用的字号:16px;
浏览器最小能设置12px号字
可以通过 transform:scale(0.8) 缩入
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架
less: npm install less less-loader --save-dev
sass: npm install sass-loader node-sass --save-dev
<style lang="less" scoped>
@import "../static/css/reset.css";
header {
height:@h;
background: #000;
color: #fff;
text-align:center;
line-height: .4rem;
}
</style>
scoped:使每个组件都有一个局部样式,和其他组件样式不冲突
自定义高亮类:
const router=new VueRouter({
linkExactActiveClass:"active",
routes
});