CN-LILU的博客

iview 引入 可参考：http://v1.iviewui.com/docs/guide/start 首先，在你的vue项目中安装iview依赖； 在你的命令窗口输入：npm install iview --save（记得要先进去你的文件所在目录） 或者先在package.json文件里的"dependencies"下写下：“iview”: “^3.0.0”, 2）安装之后，然后就在vue项目的...

第一步安装： npm install less less-loader --save 第二步在组件style 标签里加上 lang="less"例如： 第三步： 1 ，创建less文件 2 ，引入less（这里引入less 是全局less） app.less 内容格式(less可以相互嵌套)： 以上我创建了两个less文件 : const:调整网页的颜色 app:调整网站通用的css...

在上一章我们安装并新建了项目 在使用vue前先对它的目录进行分析： build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： assets: 放置一些图片，如logo等。 compo...

环境介绍： Win10+WebStorm 一，Vue.js简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 ...

router 传值方式有很多种： 类似于get方式的传值方式： this.$router.push({path:'/home'},query: {userid: id }) 接收方式： this.$route.query.userid 类似于post方式的传值方式 this.$router.push({name:'home'},params: {userid: id }) 接收方式：...

前一篇文章讲到了怎么样去实现全局状态管理，这一章结合vuex 中的Module来编写一个小案例： 当然下载引入vuex是必须的： import Vue from 'vue' import Vuex from 'vuex' import DialogStore from '../store/dialog_store.js' // 将状态分模块管理 调用方法this.$store.state.dia...

vuex个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。 1，先分析Vuex的组成：（官方文档比较详细） Store 表示对Vuex对象的全局引用。组件通过Store来访问Vuex对象中的State（下面讲到） State Vuex对象的状态，即其所拥有的数据 Getter...

在各大网站都涉及到路由的权限控制，简单的举个例子：比如访问需要登录的页面 没有登录的用户则被转跳到登录页面进行登录，这就是是导航守卫（一般都是结合全局状态管理vuex来使用的） ...

这是vetur中eslint的问题，在vscode菜单中，文件->首选项->设置中 添加 “vetur.validation.template”: true 将其改为false，就可关闭eslint的检查，错误消失