随笔分类 - vue 学习
摘要：Form 表单： 由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。 <el-form :model="loginForm" :rules="rules" ref="loginForm"> <el-form-item prop="username"> <el-input v-mo
阅读全文
摘要：Vue2.0中，<transition> 元素作为单个元素/组件的过渡效果。<transition> 只会把过渡效果应用到其包裹的内容上，而不会额外渲染 DOM 元素，也不会出现在可被检查的组件层级中。 具体的使用还是查看Vue的官网吧，中文的 很详细： https://cn.vuejs.org/v
阅读全文
摘要：vue-router的使用方式： 1:下载 npm i vue-router -S 2:在main.js（或router/index.js）中引入 import VueRouter from 'vue-router'; 3:安装插件Vue.use(VueRouter); 4:创建路由对象并配置路由规
阅读全文
摘要：index.html 主页，项目入口 App.vue 根组件 main.js 入口文件 在网页的Title部分，加载了index.html中定义的Title，而在正文部分，加载了App.vue中定义的部分. 在浏览器打开的瞬间，浏览器中正文部分会瞬间显示index.html中定义的正文部分. 那么，
阅读全文
摘要：1: chrome-> 右键-> 属性，加上 --remote-debugging-port=9222 2： VS code 安装”Debugger for Chrome“ 3： 左侧 调试， Attach to chrome, 在launch,json中输入如下配置： 注意标注红色的是你项目的实际
阅读全文
摘要：js中定时器有两种，一个是循环执行setInterval，另一个是定时执行setTimeout. 一、循环执行（setInterval） 设置一个时间间隔，每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉 用法是setInterval（“方法名或方法”，“延时”）， 第一个参数为方法名或者方
阅读全文
摘要：/* webpack打包入口文件 */ //导入vue构造函数 import Vue from 'vue' //导入根组件App.vue import App from './App.vue' //导入路由文件 import router from './router' import './plug
阅读全文
摘要：前言： VUE 是一个javascript的前端框架，注定了它是运行在浏览器里的，对服务器本地没有任何要求，只要一个静态文件服务器能通过http访问到其资源文件就足矣！无论你是用apache ,ngnix 就算你要用node 自己实现一个静态文件服务器，也用不了多少行代码。 npm run dev
阅读全文
摘要：一 .postcssrc.js 众所周知为兼容所有浏览器，有的CSS属性需要对不同的浏览器加上前缀，然而有时添加一条属性，需要添加3~4条类似的属性只是为了满足浏览器的兼容，这不仅会增加许多的工作量，还会使得你的思路被打断。 如何解决这个问题? 处理CSS前缀问题的神器——AutoPrefixer。
阅读全文
摘要：一：package.json文件详解 管理你本地安装的npm包 。定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。 scripts字段: 指定了运行脚本命令的np
阅读全文
摘要：vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui 1:vuex: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式: 让我们从一个简单的 Vue 计数应用开始： 这个状态自管理应用包含以下几个部分： state
阅读全文
摘要：1： HeaderTop.vue : 面包屑：el-breadcrumb 定义面包屑， separator是分隔符。 el-breadcrumb-item: 是面包屑中用 分隔符 分开的多个items. $route.meta的数据来源是router的定义： v-for="(item, index)
阅读全文
摘要：1： shortList页面代码如下： el-table: data = "tableData"： table和这个tableData绑定。 el-table-column:
阅读全文
摘要：1： 登录后系统页面如下： 对应代码： <template> <div class="manage_page fillcontain"> <el-row style="height: 100%;"> <el-col :span="4" style="min-height: 100%; backgro
阅读全文
摘要：1：import {login, getAdminInfo} from '@/api/getData'(从api/getData.js中import login函数。) 看一下如下的getData.js文件，其中export了login函数，所以其他地方可以调用。 import fetch from
阅读全文
摘要：1: javaScript async/await: 调用async函数的时候，是异步的，函数后面的代码继续执行。！ async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案 Async(异步) 函数或多或少允许你编写顺序的 JavaScript 代码，而无需将所有逻辑
阅读全文
摘要：一：Store介绍： state： 相当于数据 action： action去commit mutations mutation: 只有mutation 才能改变state 例： const store = new Vuex.Store({ state: { count:0 }, mutations
阅读全文
摘要：首页： http://localhost:8002/#/， 登录页面如下： index.js文件中如下的路由配置，转过去看login.vue是如何实现的。 const routes = [ { path: '/', component: login },（这里一个问题： login.vue是如何与i
阅读全文
摘要：index.js: 按需加载组件： const login = r => require.ensure([], () => r(require('@/page/login')), 'login'); 把JS文件分模块，安需加载，而不是，整个都加载。 '@/page/login': webpac的簡化
阅读全文
