代码编织梦想

三阶段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>