首页专题 vue开发

vue开发

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于vue开发内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在vue开发相关知识领域提供全面立体的资料补充。同时还包含 vagrant、val、validationgroup 的知识内容，欢迎查阅！

vue开发相关知识

VUE开发一个组件——Vue PC城市选择
前言前面用vue开发了三四个组件了，都是H5的，现在来看看PC是如何玩转组件的？其实和H5相同，样式不同而已。相关推荐《VUE开发一个组件——日历选择控件》《VUE开发一个组件——移动端弹出层（IOS版）》《VUE开发一个组件——Vue tree树形结构》都提供源码，可以去github上面获取。城市控件开始今天的课题，制作一个PC版的城市选择控件。样式制作 <template> <div id="app"> <p>{{title}}</p> <div class="city"> <input type="text" placeholder="出发城市" @focu
VUE开发一个组件——Vue H5城市选择控件
前言昨天用《VUE开发一个组件——Vue PC城市选择控件》 , 有朋友说需要用字母筛选，其实已经用字母筛选了，不过是每4个，没有对单个，所以H5我们就用单个字母快速查找。数据部分和《VUE开发一个组件——Vue PC城市选择控件》一样，但是不需要每4个再分组了。 cityListData(){ let map = {}; let temps = []; this.dataList.map(item=>{ if(item.airportCode){ let ekey = item.airportCode.charAt(0).toUpperCase(); temps = map[ekey] || []; temps.push({ a
Vue开发问题总结
用vue开发了一段时间，针对团队中出现的问题做一下记录。文字表达能力不太好，大家将就看下，问题大概如下：v-cloak属性数组更新问题对象更新问题render函数使用1. v-cloak 属性vue的模板建议都加上v-cloak属性，网页加载的时候，先加载html，再加载js，网络不太好的情况下，页面会看到没有渲染的模板，不太美观。假如用户的网络不太好，2s才把js文件下载下来，这里用setTimeout来模拟没加v-cloak属性的代码没加v-cloak属性的代码运行效果下面是加了`v-cloak`的代码，在模板元素上加`v-cloak`属性，同时加一个样式，[v-cloak]{    display:none; } 没有渲染的模板直接不显示给用户，当模板渲染后，vue会把v-cloak属性删除，所以下面代码运行效果是，前2s页面是空白的，2s后才显示渲染后的内容加了v-cloak的代码2.数组更新问题代码<body>   &nbsp
Vue开发问题总结
用vue开发了一段时间，针对团队中出现的问题做一下记录。文字表达能力不太好，大家将就看下，问题大概如下：v-cloak属性数组更新问题对象更新问题render函数使用1. v-cloak 属性vue的模板建议都加上v-cloak属性，网页加载的时候，先加载html，再加载js，网络不太好的情况下，页面会看到没有渲染的模板，不太美观。假如用户的网络不太好，2s才把js文件下载下来，这里用setTimeout来模拟没加v-cloak属性的代码没加v-cloak属性的代码运行效果下面是加了`v-cloak`的代码，在模板元素上加`v-cloak`属性，同时加一个样式，[v-cloak]{    display:none; } 没有渲染的模板直接不显示给用户，当模板渲染后，vue会把v-cloak属性删除，所以下面代码运行效果是，前2s页面是空白的，2s后才显示渲染后的内容加了v-cloak的代码2.数组更新问题代码<body>   &nbsp