一、VUE设置网页title问题 推荐使用 vue-wechat-title插件
1、npm install vue-wechat-title --save
2、在main.js中
3、在路由中添加title
4、在APP.vue中使用
<div v-wechat-title="$route.meta.title">
或
<router-view v-wechat-title="$route.meta.title"></router-view>
二、安装axios
1、npm install axios
2、在main.js中
import axios from 'axios'
Vue.prototype.$http=axios
三、引入elementUI
1、npm i element-ui -S
2、在main.js中
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' (根据版本路径不同会有差异,按照自己版本路径)
Vue.use(ElementUI)
四、normalize.css(css样式初始化
1、npm install --save normalize.css
2、在main.js中
import 'normalize.css/normalize.css'
五、Babel-polyfill的使用
1、npm install --save babel-polyfill
2、main.js文件中引入
import 'babel-polyfill'
六、vue-clipboard2复制到剪切板
1、npm install --save vue-clipboard2
2、在main.js中
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3、Demo中使用
<el-button
v-clipboard:copy='value'
v-clipboard:success='copySuccess'
v-clipboard:error='copyError'>
点击复制
</el-button>
<script>
data(){
return{
value:'复制链接'
}
},
methods:{
copySuccess(e){
console.log(e,'复制成功')
},
copyError(e){
console.log(e,'复制失败')
}
}
</script>
暂时先整理这些吧,这些都是自己项目中用到的。以后就不用到处扒博客了,看自己整理的就成,后续如果涉及到其他插件,还会整理的