![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
panfuyong11
这个作者很懒,什么都没留下…
展开
-
vue v-for循环的用法
1、v-for循环普通数组 ①创建vue对象② 循环数据 结果:2、v-for循环对象数组 ① 创建vue实例对象 ② 循环对象数组 结果:3、v-for循环对象 ①创建vue对象实例 ②循环对象 结果:4、v-for循环数字 ①创建vue对象实例②循环数字结果:5、v-for中key的使用方式 ①创建vue对象实例 注意:p...原创 2020-07-12 09:44:08 · 4870 阅读 · 0 评论 -
vue-cli3配置eslint
一、默认配置以下是package.json文件中关于的eslint默认配置"eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], ...原创 2019-08-24 16:26:13 · 1734 阅读 · 0 评论 -
Vue-组件使用细节
一、用is指定组件为特定的原生HTML元素。html: <div id="app"> <table> <tbody> <item></item> <item></item> </tbody> </table>...原创 2019-08-24 16:35:26 · 94 阅读 · 0 评论 -
Vue-发布订阅机制(bus)实现非父子组件的传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2019-08-24 16:36:01 · 114 阅读 · 0 评论 -
Vue-插槽学习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2019-08-24 16:36:36 · 89 阅读 · 0 评论 -
Vue-详解设置路由导航的两种方法
一、<router-link :to="..."> to里的值可以是一个字符串路径,或者一个描述地址的对象。例如:// 字符串<router-link to="apple"> to apple</router-link>// 对象<router-link :to="{path:'apple'}"> to apple</route...原创 2019-08-24 16:38:21 · 301 阅读 · 0 评论 -
vue-awesome-swiper使用
插件地址:https://surmon-china.github.io/vue-awesome-swiper/<template> <div class="carousel-swiper"> <!-- swiper --> <swiper :options="swiperOption" v-if="showSwiper...转载 2019-08-21 17:57:39 · 542 阅读 · 0 评论 -
用HBuilderX 打包 vue 项目 为 App 的步骤
首先打包你的vue项目生成dist文件夹 npmrun build请确保你是将:项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,打包生成的dist文件。开始使用HBuiderX打包。(工具下载地址:http://www.dcloud.io/)这是我vue项目...原创 2019-09-05 16:11:46 · 768 阅读 · 0 评论 -
HBuilder把vue项目打包app后请求不到数据问题
最近用VUE写了一个webapp项目,用HBulider打包成app用手机打开后,数据居然请求不到,引入的阿里的iconfont字体图标也加载不进来。交互是用axios写的,使用了跨域代理。解决方法有两种:1、加上固定域名(https://www.uplanok.com)由于打包的app只是套上了一个壳子,所以打开app后找不到对应的域名,所以请求不到的数据。例如一个注册接口:...原创 2019-09-05 16:15:10 · 6480 阅读 · 0 评论 -
Vue-Vue列表渲染v-for
一、v-for 循环数组HTML代码<div id="app"> <ul> <li v-for='item in list'>{{item}}</li> </ul></div>JS代码new Vue({ el:'#app', data:{ ...原创 2019-08-24 16:19:54 · 143 阅读 · 0 评论 -
前端性能优化-Vue代码层面
1、v-if 和 v-show 区分使用场景 v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 v-show就简单得多, 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 的 display 属性进行切换。 所以,v...原创 2019-08-24 16:13:51 · 292 阅读 · 0 评论