vue - 随笔分类(第2页) - smile轉角

【vue】computed 和 watch

摘要：计算属性：computed 监听多个变量且变量是在vue实例中(依赖某个变量，变量发生改变就会触发) 侦听器： watch 监听一个变量的变化使用场景：watch(异步场景) computed(数据联动) demo: 阅读全文

posted @ 2019-08-19 15:45 smile轉角阅读(234) 评论(0) 推荐(0) 编辑

【vue】移动端demo资料

摘要：【vue】饿了么项目的相关笔记链接 http://www.mtons.com/content/1819.htm http://www.tuicool.com/articles/F7BnaiY https://segmentfault.com/a/1190000007784366 http://www 阅读全文

posted @ 2018-09-06 16:04 smile轉角阅读(1044) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，mock模拟数据（纯干货）

摘要：1.安装mockjs依赖 (c)npm install mockjs --save-dev 2.安装axios(Ajax) (c)npm install --save axios 3.项目目录 4.设计到的相关文件 fetch.js(封装axios) api/skill/index.js（接口定义）阅读全文

posted @ 2018-09-04 20:44 smile轉角阅读(6432) 评论(2) 推荐(2) 编辑

【vue】项目目录结构及使用多的知识点

摘要：项目目录： Node_modules/npm安装的该项目的依赖库 vuex/文件夹存放的是和 Vuex store 相关的东西（state对象，actions，mutations) router/文件夹存放的是跟vue-router相关的路由配置项 build/文件是 webpack 的打包编译配置阅读全文

posted @ 2018-08-29 16:57 smile轉角阅读(525) 评论(0) 推荐(0) 编辑

【vue】vue全家桶

摘要：vue-router（http://router.vuejs.org） vuex（https://vuex.vuejs.org/zh/guide/） vue-resource（https://github.com/pagekit/vue-resource）构建工具vue-cli 阅读全文

posted @ 2018-08-29 16:56 smile轉角阅读(193) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，vue-cli 如何打包上线

摘要：以自己的项目为例第一步：手动修改config文件夹中的index.js文件中的build对象，将 assetsPublicPath 中的 “/” ，改为 “你实际的加载路径” 如图：第二步：执行(c)npm run build 第三步：发现目录下多一个dist的文件夹，双击点击index.htm 阅读全文

posted @ 2018-08-22 10:22 smile轉角阅读(1718) 评论(0) 推荐(0) 编辑

【vue】在移动端使用better-scroll 实现滚动效果

摘要：安装依赖：(c)npm install better-scroll --save 引入： import BScroll from 'better-scroll' 格式： var obj = new BScroll(object,{[option1,],.,.}); 注意： 1、要确保object元素阅读全文

posted @ 2018-06-28 11:47 smile轉角阅读(3866) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，将js函数变成vue的函数

摘要：demo:时间转换 1.目录《1》在src文件夹下新建文件夹prototypefns 在此文件夹创建util.js, 《2》在prototypefns下新建文件夹jsTime 在此文件夹下新建datatime.js datatime.js util.js 2.在main.js引入，并全局注册 3. 阅读全文

posted @ 2018-06-21 11:48 smile轉角阅读(1738) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，$createElement使用

摘要：语法：它有三个参数第一个：html标签名第二个：配置的数据对象第三个：内容应用1：自定义弹窗 html: js 效果未完待续。。。参考链接： https://blog.csdn.net/kkae8643150/article/details/52910389 https://blog. 阅读全文

posted @ 2018-06-11 16:56 smile轉角阅读(14946) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，要求既支持pc端又支持移动端

摘要：使用场景：有适配pc端改为适配pc端和移动端，使用2套css 代码实现App.vue 注意：为2套css分别指定不同的父class 比如说pc端 css为pc.scss 父类为 .pc 移动端 mobile.scss 父类为 .mobile 作者：smile.轉角 QQ：493177502 阅读全文

posted @ 2018-06-04 17:35 smile轉角阅读(13131) 评论(3) 推荐(0) 编辑

【vue】vue +element 搭建项目，组件之间通信

摘要：父子组件通信父通过props属性给子传递数据子操作父 this.

p a r e n t . X X X 子 通 过

$parent.XXX 子通过$ emit传递参数或者通过vue-bus vue-bus既可以实现父子组件之间的通信，也可以实现兄弟组件之间的通信 vue-bus安装引入应用：参考链接： https://cn.vuej 阅读全文

posted @ 2018-06-04 14:02 smile轉角阅读(702) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，实现实时输入效果时停止输入后发送请求

摘要：1.实现的效果输入关键字后，根据输入的关键字实时显示搜索的结果,按回车键时也进行搜索 2.原理：通过时间戳+定时器+一个全局变量实现。代码量很少比较易懂。用户输入时触发keyup事件，并调用事件函数。事件函数被调用后会生成对应的event.timeStamp，这个值在事件函数体内一直不会变。阅读全文

posted @ 2018-05-30 17:26 smile轉角阅读(2429) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，Qs用途

摘要：1.安装 2.用途在 axios中，利用QS包装data数据 3.常见用法： import Qs from 'qs'; Qs.stringify(data); Qs.parse(data) 作者：smile.轉角 QQ：493177502 阅读全文

posted @ 2018-05-30 14:51 smile轉角阅读(7407) 评论(0) 推荐(1) 编辑

【vue】vue +element prop用法

摘要：简单demo 父组件：index.vue 效果： 1.props是什么：（简单的说用于父子组件通信，父传递给子数据） ①组件实例的作用域是孤立的，可以使用props在父子组件之间传递数据，在子组件中定义props，在父中通过props向子传递数据 ②props是单向绑定的，意思是说父组件数据发生变化阅读全文

posted @ 2018-05-02 14:54 smile轉角阅读(8628) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，加（解）密

摘要：1.安装依赖 2.应用相关资料：https://www.npmjs.com/package/js-base64 阅读全文

posted @ 2018-05-02 14:19 smile轉角阅读(247) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，vuex中的store使用

摘要：一、概述：每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发阅读全文

posted @ 2018-04-19 16:46 smile轉角阅读(1678) 评论(0) 推荐(0) 编辑

【vue】使用vue+element搭建项目，Tree树形控件使用

摘要：目录一、安装依赖二、常用属性、事件三、demo应用 html代码属性用法 3.2.1 :default-expanded-keys(默认展开项) 3.2.2 :props="defaultProps" 用法 3.2.3 通过render-content方法定义树节点内容(js代码) 3.2. 阅读全文

posted @ 2018-04-16 10:27 smile轉角阅读(63338) 评论(1) 推荐(2) 编辑

【vue】vue +element 搭建项目，this.$nextTick用法

摘要：相关资料：https://www.cnblogs.com/leaf930814/p/7247478.html https://www.cnblogs.com/duanyue/p/7458340.html http://www.cnblogs.com/hity-tt/p/6733062.html 阅读全文

posted @ 2018-04-09 17:32 smile轉角阅读(278) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建及开发中项目中，遇到的错误提示

摘要：1. 错误：Module not found: Error: Can't resolve 'sass-loader' in 'D:\vue_test_project\vuedemo\src' 解决方案：需要安装安装sass-loader以及node-sass插件才能正常运行 2. 操作： impor 阅读全文

posted @ 2018-04-04 15:56 smile轉角阅读(1576) 评论(0) 推荐(0) 编辑

【vue】vue +element 搭建项目，点击空白处关闭弹窗

摘要：作者：smile.轉角 QQ：493177502 阅读全文

posted @ 2018-04-03 19:27 smile轉角阅读(5587) 评论(0) 推荐(0) 编辑

随笔分类 - vue