VUE

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 configsetregistry 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'),

// PathsassetsRoot: 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

@import"../static/css/reset.css";header{height:@h;background:#000;color:#fff;text-align:center;line-height: .4rem;    }

scoped:使每个组件都有一个局部样式,和其他组件样式不冲突

自定义高亮类:

const router=new VueRouter({

linkExactActiveClass:"active",

routes

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口,前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 2,844评论 4 45
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,953评论 1 4
  • VUE 参考资料: https://cn.vuejs.org/ https://router.vuejs.org/...
    _沙漏阅读 227评论 2 1
  • 在我们的身边总有一些特别乐于给别人意见的人,如果这些意见给得好给得妙,结果就会深得人心,如果这些建议给得很自以为是...
    Selia阅读 342评论 0 0
  • 无心插柳柳成荫,最近关于亲密关系的困惑,听了一下樊登读书会,亲密关系! 满满的都是爱! 樊登是一个有知识的胖子,一...
    67fbaec5208f阅读 936评论 0 0