vue.js
css_666
这个作者很懒,什么都没留下…
展开
-
vue组件的自调用(递归调用)
需求:封装一个树形组件,数据结构如下所示,但是层级不确定。 treeData:[ {text:1,children:[ {text:2,children:[{text:5},{text:'55'}]}, {text:3}, {text:4}, ]} ] 因为层级不确定,那么就存在组件递归调用的...原创 2020-03-13 00:38:11 · 5437 阅读 · 3 评论 -
vue cli 3项目打包到指定目录
平常我们使用vue-cli构建项目,直接执行npm run build打包到dist目录下,然后项目一般又部署在我们服务器的根目录下。这样正常的流程,但是需求是多样的,有时我们就会遇到需要把项目部署到服务器下某个文件夹下,例如http://testpms.timi5.cn/demo/index.html 这时我们就需要以下操作: 1:修改vue.config.js文件; module.export...原创 2020-01-08 10:45:44 · 7939 阅读 · 1 评论 -
vue.js 2.0系列之 插件的使用
1,首先引入要使用的插件 2,正常使用原创 2018-01-27 18:41:49 · 271 阅读 · 0 评论 -
vue.js 2.0系列之 组件的使用
1.组件的创建 template> div > div> template> script> export default { //不直接使用引用变量的形式是为了避免这个组件在使用时不相互影响数据 data () { return { //把组件中使用的数据以函数返回值的形式返回 usernameModel: '', pass原创 2018-01-27 18:32:27 · 262 阅读 · 0 评论 -
vue.js 2.0系列之 路由的使用
1,首先下载vue-router npm install vue-router --save 2,引入并use import Vue from "vue" import Router from "vue-router" Vue.use(Router) 在template中的使用: keep-alive可以缓存组件,提高渲染效率。保持用户对页面的修改 keep-alive>原创 2018-01-27 22:39:36 · 291 阅读 · 0 评论 -
vue.js 2.0系列之Vuex
一,为什么要使用Vuex 当项目变得越来越复杂的时候,我们修改了组件中的一个数据,但是这个数据又在其他组件中被使用。我们就需要通知其他所有涉及这个数据的组件,这其实时比较麻烦的。 Vuex就是把项目中出现在多个组件的数据抽离出来,统一管理。一旦数据被改变,Vuex会自动通知所有的使用到该数据的组件。 二,如何使用Vuex 1.下载按安装Vuex npm install vue原创 2018-01-28 11:51:26 · 369 阅读 · 0 评论 -
vue.js 2.0系列之 引入Elemrent UI
在Vue.js2.0+中,插件的使用步骤大体分为三步: 引入要使用的插件 注册一下要是用的插件 正常使用 ElementUI的用法同样如此 一,完全使用 1,引入ElementUI npm i element-ui --save 2,use import Vue from 'vue' import ElementUI from 'element-ui' import原创 2018-01-29 15:54:22 · 963 阅读 · 0 评论 -
VUX采坑记录--Scroller
滑动是在移动端使用频率非常告的一个功能,但是vux组件不知什么原因,放弃维护了scroller这个组件。但是经过项目中的使用,发现这个组件虽然不维护了,但是基本能够满足日常的使用。以下就是在使用的过程中所踩的坑。 1,在scroller组件中,一定要有一个整体的div <scroller lock-x scrollbar-y ref="scroller1"> &l...原创 2018-12-05 10:16:36 · 3730 阅读 · 0 评论