vue项目中遇到的那些事。

 

前言

  有好几天没更新文章了。这段实际忙着做了一个vue的项目,从 19 天前开始,到今天刚好 20 天,独立完成。

  做vue项目做这个项目一方面能为工作做一些准备,一方面也精进一下技术。

  技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + element-ui + vue-baidu-map + i18n + vue-awesome-swiper

  做项目时总是有一些思考和踩过的坑,对以后有一定的帮助,今天就来写写做vue项目遇到的那些事。

  假如你正准备做项目或正在做项目一定看看,说不定对你有所帮助。

正文

 照例放上一些项目中用到的权威的官网

    vue 官方api:https://cn.vuejs.org/

    vue资源精选:http://vue.awesometiny.com/

    vue GitHub地址:https://github.com/vuejs/vue

    element-ui 官方中文api:http://element-cn.eleme.io/#/zh-CN/component/dropdown

    vue-awesome-swiper GitHub地址: https://surmon-china.github.io/vue-awesome-swiper/

  

1.阅读vue的风格指南再开始你的项目(最重要)

  

 

2.vue项目中data可以视为一个函数

<script> export default {   data () {     // 可以在这里写很多的前置数据操作     return {}   } } </script>

例如:

<script> export default {   data () {     // 可以在这里写很多的前置数据操作
  // 不在首页时隐藏切换语言
  let showLanguageList
  if (
    this.$route.path === '/Home' ||
    this.$route.path === '/' ||
   ) {
    showLanguageList = true
   } else {
    showLanguageList = false
  }
    return {
   
showLanguageList: showLanguageList
  }   } } </script>

 

关键字:

50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信