VUE

2018-05-14 本文已影响0人 _沙漏

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页面高清多屏适配方案:

通常浏览器默认使用的字号：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

});