一：插件
1:better-scroll 插件实现左右轮播滚动css
2:vue-lazyload 插件实现图片懒加载html
3:实现移动端自适应:vue
方案一webpack
3.1: postcss 插件引到项目里 功能：把你本身写的代码px转化为rem（对于引入的外部插件，不作单位转化)ios
3.2：main.js 中引入一段js代码，设置html标签中的font-size大小web
window.onresize = setHtmlFontSize function setHtmlFontSize () { const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth const htmlDom = document.getElementsByTagName('html')[0] htmlDom.style.fontSize = htmlWidth / 10 + 'px' } setHtmlFontSize()vue-cli
方案二：（vuecli3脚手架为例）npm
步骤一： 安装 lib-flexibleaxios
npm install lib-flexible --save数组
步骤二： 在main.js中引入lib-flexible
import 'lib-flexible/flexible.js' (设置html标签中的font-size大小)
步骤二： 安装px2rem-loader (使用px2rem-loader自动将css中的 px 转换成 rem)
npm install px2rem-loader --save-dev
步骤四： vue.config.js 里面添加配置
4：vue-resource插件相似于axios插件
5:main.js中全局引入mint ui框架，页面里面随便使用该框架的组件
6:Vue页面中，<script></script>代码中注释文字用 // 而不是 <!-- --> 这种格式 <template></template>模板中用 <!-- --> 注释
7: template模板里面 v-show/v-if=’item’,js 里面 if（item）{} else{}: item 取值null ,'',undefined,NaN, 返回为false 若返回true 表示 item 取值为：!0, !null, !'', !undfined, !NaN, 空对象，空数组( !1 !2 !5 (等)返回 false)
8: vue-cli2: vue init webapck 项目名称，按照这个方式建立的项目，此时 引入less，只须要 npm install less less-loader --save 便可，不须要再手动配置为webpack ,引入方式
9：vue 项目引入juqery插件，App.vue 中使用 $ 会报错，其余vue页面中没问题 vue 项目中快捷键 <sc 以后 enter 键 ，整个vue项目大体结构就出来了
10: <!-- indeterminate(不肯定性) 取值为true ,表示选中项个数 >1 && < 总长度 ,取值为false，表示全选或者全不选-->
2:样式文件
vue页面样式文件引入方式以下:
1.1: <style lang='scss/less’> @important '~@/assets/scss/homr.scss/less'; (;很重要，必定要加上)</style>
1.2: <style lang='less' src='./xx.less'></style> (src必定要按照相对路径的方式引入)
1.3: 外部scss样式文件中引入图片，以下：
a{background-image:url('~@/assets/images/cat.png');}
1.4: js里面引入图片用 rquire(),以下:require('../../assets/images/cat.png');
舒适提示：参考mint ui框架的demo(mint-ui-master),能够更快上手该框架哦！
word-break : 设置自动换行的处理方法
1.5: 父组件scoped 属性添加之后， 父组件内的样式 不会 影响子组件， 父组件样式里面 某个元类名 添加 /deep/ 深度做用选择器之后， 子组件里面该类名也会起做用