三阶段CGB2105-Day06-爱代码爱编程
1. 属性绑定 1.1 入门案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>属性绑定</title> <style> <span class="token comment">/
三阶段CGB2105-Day05-爱代码爱编程
1. Vue JS 1.1 VUE介绍 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
Laravel5.6 模块化公众号与小程序系统项目实战-爱代码爱编程
1 Laravel最佳开发环境介绍.mp4 2 安装Laravel并配置Homestead.mp4 3 配置虚拟域名访问Laravel项目.mp4 4 Laravel与数据库管理工具连接Mysql.mp4 5 Laravel高可用模块化思想.mp4 6 使用组件快速构建模块设计架构.mp4 7 配置Phpstorm与快速创建登录注册功能.mp4 8 默认
Vue项目页面跳转时，窗口上方显示进度条（Vue使用NProgress）-爱代码爱编程
Vue项目页面跳转时，窗口上方显示进度条（Vue使用NProgress） 1.安装2.安装3.基本用法 NProgress是页面跳转是出现在浏览器顶部的进度条 官网：http://ricostacruz.com/nprogress/ github：https://github.com/rstacruz/nprogress 1.安装 npm
Vue+SpringBoot导出Excel，自定义要导出的表格的列-爱代码爱编程
Vue+SpringBoot导出Excel，自定义要导出的表格的列 前言一、Vue弹出层？1.数据展示2.导出弹出层3.弹出层界面二、后端API1.控制类2.实现逻辑3.所需工具类总结 前言 之前一篇博客介绍了使用POI来完成报表的导出，默认都是导出所有数据列，但是我们有时候可能需要导出某些指定的列，搭配我前端使用的Vue和ElementUI
VUE组件-爱代码爱编程
这里写目录标题 VUE组件组件的注册全局注册局部注册 VUE组件 组件的注册 全局注册 在组件中设置数据的方法是跟Vue实例有点不同。data是一个函数并且它是直接返回一个对象，而不是像Vue实例中直接就是一个对象<div class="app"> <!--调用注册的组件--> <button-co
vue-devtools的安装-爱代码爱编程
如果你没有安装vue-devtools,在浏览器中预览vue的项目你可能会在控制台看到下面的东西，提示我们需要给浏览器安装一下该插件！ 我们直接点进这个git的仓库链接地址，将这个github项目克隆之后，经过一系列打包操作才能获得插件本身。其中的一些npm命令，还需要电脑拥有node.js的环境才能执行。本人踩了太多的坑，基本每一步都有很多错误，下面
Vue组件之组件间数据交互-爱代码爱编程
父组件向子组件传递值 先看一个父组件向子组件传递数据的例子： 父组件通过属性的方式静态传递值给子组件，子组件通过props接收，效果如下： 父组件还可以通过动态绑定的方式动态传值给子组件： 还可以混搭传值： ==注意：==props属性命名规则： 注意： v-bind绑定和不加冒号绑定区别： <body> <div i
Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init‘ of undefined-爱代码爱编程
Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined 一、写在开头 最近使用Echart时发现与Vue有些不兼容的地方，会出现一些奇怪的报错，在这里记录一下帮助同样遇到问题的朋友们。 二、发现问题 出现问题是在mounted（）中使用官方示例的时候报了以下错误： Erro
vue项目build时，解决console.log警告-爱代码爱编程
vue项目打包时，去掉console.log输出 安装插件：npm install babel-plugin-transform-remove-console --save-dev 在babel.config.js文件的plugins中添加transform-remove-console，此时再build就不会有console警告了。 module.
vue整合ElementUI(适合新手快速入门)-爱代码爱编程
vue整合ElementUI 1、安装 这里我使用的是vs打开的vue项目，黑窗口模式进入项目路径也可。 npm i element-ui -S 执行完上述命令。 2、引入Element 这里我直接完整引入，当然大家也可以按需引入。 在项目的 main.js中写入以下内容： import ElementUI from 'ele
我的第一个vue程序（vs code）-爱代码爱编程
前情提要: 首先要在vs code上下载一个插件：live server。 方便我们后续用浏览器阅览前端效果。 然后在磁盘上新建一个文件夹，随便名称即可。 用vs code打开该文件夹： 我的文件夹是vue，在该目录下创建一个html模板： html模板粘贴这个即可： <!DOCTYPE html> <html> <head
vue中使用echarts-爱代码爱编程
vue中使用echarts感悟 1.vue中下载echarts 进入vue项目的文件夹后使用 npm install echarts --save（使用该命令安装运行依赖）。 还可以使用npm install echarts@(“这里可以写版本号”) --save安装指定版本。2.在main.js中导入echarts import echarts fro
Vue中全局注册组件-爱代码爱编程
步骤 ①先在components文件夹中建一个空的文件夹，命名根据自己的喜好 ②在你所建的文件夹中建一个index.js文件（用于管理所有的组件）； ③在你所建的index.js文件中放入如下代码（这里面封装的是webpack的require.context（）方法，基本是固定的）： import Vue from 'vue' const
export and import-爱代码爱编程
导入和导出 在创建JavaScript模块时，export 语句用于从模块中导出实时绑定的函数、对象或原始值，以便其他程序可以通过 import 语句使用它们。被导出的绑定值依然可以在本地进行修改。在使用import进行导入时，这些绑定值只能被导入模块所读取，但在export导出模块中对这些绑定值进行修改，所修改的值也会实时地更新。 无论您是否声明，导
vue页面滚动动画——wow.js教程-爱代码爱编程
WOW.js 是一款帮助你实现滚动页面时触发CSS 动画效果的插件。 缺陷：当页面向下滚动时，动画出现；当页面向上回滚时，动画不会回退。（即动画仅出现一次！） 官网地址 https://www.delac.io/wow/ Demo演示-仿oppo首页 https://www.dowebok.com/demo/131/index2.html 目
Vue中数组/对象更新后视图不触发更新原因-爱代码爱编程
Vue文档中对于响应式原理有提到如下注意事项: 由于 JavaScript 的限制，Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。 也就是说通过常规修改对象或是数组时，Vue并不能监听到数据的更新去触发视图更新，同时也需要注意需要监听的数据必须由 data 进行声明过后，才可以被监听到。 /
vuex基础知识点-爱代码爱编程
目录 vuex安装在vue中使用在组件中获得vuex的状态（数据）在视图中使用gettermutationvuex的严格模式下开发环境和发布环境mutation使用mutation配置文件mutation需遵守vue的响应规则表单处理mutation中的函数不能是异步的Action分发action关与mapActions异步操作Module命名空间
Vue最佳实战系列(一)：设计一个回味无穷的高扩展性路由，比意大利面香【详解+实践贴上代码】-爱代码爱编程
在接触Vue的过程中，总能令我惊喜，却也因不够老练而带来了让人耗时的bug；但都一一过五关，斩六将，胜在好用且好玩。 所以我想跟你一起拆Vue这堵墙，再把它重新搭建的更好！ 这也是我准备写 最佳Vue开发实战系列 的理由。 还等什么？ 一键三连码起！ 一、什么是高扩展性路由？ 与其问什么是高扩展性路由，其实更应该问的是为什么要高扩展性路由？ 其
数组方法中的响应式和非响应式-爱代码爱编程
数组方法中的响应式和非响应式 <div id="app"> <ul> <li v-for="item in letters">{{item}}</li> </ul> > <button @click="btnClick">点我</button>