
vue
文章平均质量分 53
CN-LILU
识大势,懂取舍!分主次,懂先后!
开放、透明、反思。
业务思维、结果导向、成本意识。(生活不允许普通的人内向)
展开
-
VSC(Visual Studio Code开发者工具) + vue + iview 表格/分页组件的使用
iview 引入可参考:http://v1.iviewui.com/docs/guide/start首先,在你的vue项目中安装iview依赖;在你的命令窗口输入:npm install iview --save(记得要先进去你的文件所在目录)或者先在package.json文件里的"dependencies"下写下:“iview”: “^3.0.0”,2)安装之后,然后就在vue项目的...原创 2019-11-01 15:25:38 · 1719 阅读 · 0 评论 -
less的使用
第一步安装:npm install less less-loader --save第二步在组件style 标签里加上 lang="less"例如:第三步:1 ,创建less文件2 ,引入less(这里引入less 是全局less)app.less 内容格式(less可以相互嵌套):以上我创建了两个less文件 :const:调整网页的颜色app:调整网站通用的css...原创 2018-12-04 15:21:54 · 226 阅读 · 0 评论 -
vue的简单使用
在上一章我们安装并新建了项目在使用vue前先对它的目录进行分析:build 项目构建(webpack)相关代码config 配置目录,包括端口号等。我们初学可以使用默认的。node_modules npm 加载的项目依赖模块src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:assets: 放置一些图片,如logo等。compo...原创 2018-12-04 17:34:31 · 456 阅读 · 0 评论 -
Vue 安装及运行
环境介绍:Win10+WebStorm一,Vue.js简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 ...原创 2018-11-30 12:23:36 · 655 阅读 · 0 评论 -
vue-router 传值方式
router 传值方式有很多种:类似于get方式的传值方式:this.$router.push({path:'/home'},query: {userid: id })接收方式:this.$route.query.userid类似于post方式的传值方式this.$router.push({name:'home'},params: {userid: id })接收方式:...原创 2018-12-21 16:10:08 · 1897 阅读 · 0 评论 -
vue 状态管理vuex(二)
前一篇文章讲到了怎么样去实现全局状态管理,这一章结合vuex 中的Module来编写一个小案例:当然下载引入vuex是必须的:import Vue from 'vue'import Vuex from 'vuex'import DialogStore from '../store/dialog_store.js' // 将状态分模块管理 调用方法this.$store.state.dia...原创 2018-12-21 17:47:40 · 229 阅读 · 0 评论 -
vue 状态管理vuex
vuex个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。1,先分析Vuex的组成:(官方文档比较详细)Store表示对Vuex对象的全局引用。组件通过Store来访问Vuex对象中的State(下面讲到)StateVuex对象的状态,即其所拥有的数据Getter...原创 2018-12-11 11:42:15 · 331 阅读 · 0 评论 -
vue-router beforeEach导航守卫
在各大网站都涉及到路由的权限控制,简单的举个例子:比如访问需要登录的页面 没有登录的用户则被转跳到登录页面进行登录,这就是是导航守卫(一般都是结合全局状态管理vuex来使用的)...原创 2018-12-12 10:32:41 · 396 阅读 · 0 评论 -
vscode中iview的标签报错 x-invalid-end-tag
这是vetur中eslint的问题,在vscode菜单中,文件->首选项->设置中添加 “vetur.validation.template”: true 将其改为false,就可关闭eslint的检查,错误消失原创 2019-09-17 15:25:16 · 2878 阅读 · 0 评论