随笔分类 -  Vue2.0

1 2 下一页
Vue（三十三）国际化解决方案
摘要：摘自：https://blog.csdn.net/qq_41485414/article/details/81093999 （1）第一种方式：中英文两套页面 优点：技术含量最低 缺点：占内存，响应慢，麻烦 （2）第二种方式：谷歌插件 优点：简单快捷，利用谷歌翻译 缺点：翻译不完全准确，而且有谷歌的搜 阅读全文
posted @ 2019-02-20 14:00 yulingjia 阅读(2614) 评论(0) 推荐(0)
Vue（三十二）SSR服务端渲染Nuxt.js
摘要：初始化Nuxt.js项目步骤 1.使用脚手架工具 create-nuxt-app 创建Nuxt项目 使用yarn或者npm 注：根据自己的实际情况初始化项目 2.添加公共的css样式文件 如果要使用 sass 就必须要安装 node-sass和sass-loader 在assets文件夹下创建公共的 阅读全文
posted @ 2019-02-15 14:07 yulingjia 阅读(110) 评论(0) 推荐(0)
Vue（三十一）轮播组件
摘要：直接上源码 （1）组件文件 Carousel.vue 2.父组件中引入 3.效果 阅读全文
posted @ 2018-10-16 14:09 yulingjia 阅读(286) 评论(0) 推荐(0)
Vue（三十）公共组件
摘要：以 分页 组件为例：（根据自己具体业务编写） 1.pagination.vue 2.新建一个utils文件夹，然后新建一个global.js 3.在main.js中引入js 4.直接在页面中引入 阅读全文
posted @ 2018-10-15 10:37 yulingjia 阅读(572) 评论(0) 推荐(0)
Vue（二十九）页面加载过慢问题
摘要：1.使用按需加载 2.路由懒加载 阅读全文
posted @ 2018-10-15 09:18 yulingjia 阅读(780) 评论(0) 推荐(0)
Vue（二十八）el-cascader 动态加载 - 省市区组件
摘要：1.后台接口为点击加载下一级 ，传省市区id 2.效果 阅读全文
posted @ 2018-10-15 08:53 yulingjia 阅读(26215) 评论(0) 推荐(1)
Vue（二十七）当前GitHub上排名前十的热门Vue项目（转载）
摘要：原文地址：https://my.oschina.net/liuyuantao/blog/1510726 1. ElemeFE/element tag：vue javascript components star：15.8k link：https://github.com/ElemeFE/elemen 阅读全文
posted @ 2018-10-10 17:20 yulingjia 阅读(2033) 评论(0) 推荐(0)
Vue（二十六）父子组件通信
摘要：今天写了一个分页公共组件，就出现了父子组件通信的问题，今天来总结下我遇到的父子组件通信问题 一、子组件调取父组件的数据或方法 （1）props 想要把父组件的值，传到子组件中，使用props 比如你在父组件中定义的一个data，你想在子组件中使用 父组件： 子组件： 这样子组件中的这几个值，都是由父 阅读全文
posted @ 2018-09-26 15:13 yulingjia 阅读(133) 评论(0) 推荐(0)
Vue（二十五）打包后路径报错问题
摘要：1.修改 config - index.js 2.修改 build - utils.js 阅读全文
posted @ 2018-06-25 11:17 yulingjia 阅读(170) 评论(0) 推荐(0)
Vue（二十三）vuex + axios + 缓存 运用 （以登陆功能为例）
摘要：（一）axios 封装 （1）axios拦截器 可以在axios中加入加载的代码。。。 （2）封装请求 后期每个请求接口都可以写在这个里面。。。 （二）vuex user.js （1）创建一个state - userInfo 保存用户信息 （2）getters - get_userInfo 获取用户 阅读全文
posted @ 2018-05-03 17:08 yulingjia 阅读(860) 评论(0) 推荐(0)
Vue（二十二）vuex小案例（官网计数案例整合）
摘要：1.使用 vue-cli 创建项目（具体操作可以参考前面的文章） ... 2.下载 vuex 3.将 vuex 添加到项目中 （1）在项目中创建store文件夹 （2）在main.js中引入store的入口文件 （3）在 store -> index.js 中引入vuex 和 counter.js 阅读全文
posted @ 2018-04-17 17:10 yulingjia 阅读(448) 评论(0) 推荐(0)
Vue（二十一）使用express模拟接口数据
摘要：1.下载express ... 2.使用vue-cli下载好项目文件 ... 3.找到文件 build - webpack.dev.conf.js 4.在页面中发送axios请求（先在main.js中引入axios） 5.在页面中请求数据 6.页面加载返回数据信息 阅读全文
posted @ 2018-04-11 10:57 yulingjia 阅读(2702) 评论(0) 推荐(1)
Vue（二十）项目初始化步骤
摘要：提：需要安装 node.js / npm淘宝镜像 / webpack / vue-cli脚手架构建工具 1.创建项目 - vue init webpack framework https://github.com/standard/standard/blob/master/docs/RULES-zh 阅读全文
posted @ 2018-01-30 11:18 yulingjia 阅读(575) 评论(0) 推荐(0)
Vue（十九）Vuex
摘要：Vuex 1. 简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简单来说，用来集中管理数据，类似于React中的Redux，都是基于Flux的前端状态管理框架 2. 基本用法 2.1 阅读全文
posted @ 2018-01-23 17:10 yulingjia 阅读(224) 评论(0) 推荐(0)
Vue（十八）Element UI
摘要：Elment UI 1. 简介 Element UI是饿了么团队提供的一套基于Vue2.0的组件库，可以快速搭建网站，提高开发效率 ElementUI PC端 MintUI 移动端 [官网](http://element-cn.eleme.io/#/zh-CN) 2. 快速上手 使用vue-cli创 阅读全文
posted @ 2018-01-23 15:47 yulingjia 阅读(343) 评论(0) 推荐(0)
Vue（十七）模块化开发
摘要：模块化开发 使用vue-cli创建项目 1. vue-router模块化 引入vue-router cnpm install vue-router -S 1.1 编辑main.js import Vue from 'vue' import App from './App.vue' import vu 阅读全文
posted @ 2018-01-23 14:32 yulingjia 阅读(737) 评论(0) 推荐(0)
Vue（十六）vue-router路由
摘要：一、 vue-router路由 一、 vue-router路由 1. 简介 使用Vue.js开发SPA（Single Page Application）单页面应用 根据不同url地址，显示不同的内容，但显示在同一个页面中，称为单页面应用 [参考](https://router.vuejs.org/z 阅读全文
posted @ 2018-01-22 13:14 yulingjia 阅读(275) 评论(0) 推荐(0)
Vue（十五）组件
摘要：一、 组件component 1. 什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码 组件是自定义元素（对象） 2. 定义组件的方式 方式1：先创建组件构造器，然后由组件构造器创建组件 方式2：直接创建组件 <div id=" 阅读全文
posted @ 2018-01-18 09:33 yulingjia 阅读(207) 评论(0) 推荐(0)
Vue（十四）过渡（动画）
摘要：过渡(动画) 1. 简介 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果 本质上还是使用CSS3动画：transition、animation 2. 基本用法 使用transition组件，将要执行动画的元素包含在该组件内 <transition> 运动的元素 </tran 阅读全文
posted @ 2018-01-17 16:29 yulingjia 阅读(168) 评论(0) 推荐(0)
Vue（十三）自定义指令
摘要：自定义指令 分类：全局指令、局部指令 1. 自定义全局指令 使用全局方法Vue.directive(指令ID,定义对象) 2. 自定义局部指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie 阅读全文
posted @ 2018-01-17 15:43 yulingjia 阅读(219) 评论(0) 推荐(0)

1 2 下一页