logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue学习笔记之组件化的高级应用:插槽slot的使用

1、插槽slot的使用:slot,插槽,可以理解为我们现实生活中类似电脑USB的插槽,插入的东西不用,则功能就不一样。所以组件用插槽是为了封装的组件更加具有扩展性,让使用者来决定组件内部使用什么功能。插槽的使用规则:抽取共性,保留不同,即为将共性抽取到组件中,将不同暴露为插槽。同时插槽里面可以个默认值:在引用组件的时候,没有说明使用什么的时候,就会显示此默认值:2、具名插槽的使用:具名,其实就可以

#vue.js#es6
Vue学习笔记之图书采购界面小案例

一、案例要求:功能:点击购买数量的加号、减号进行数量的增减;移除数据;合计总价格等,具体功能界面如下:二、案例结构:Index.html 界面main.js 功能处理代码style.css 样式三、代码实现(功能比较简单,就直接上代码了)Index.html 界面:<!DOCTYPE html><html lang="en"><head><meta cha

#经验分享
Vue学习笔记之父子组件通信以及经典案例

父组件、子组件直接的访问方式:1、父组件访问子组件可以用$childern 或者$refs$childern 的用法:当父组件引用多个子组件的时候,就会生成多个对应的对象:$childern可以访问子组件中的方法、data等数据但$childern一般在开发中比较少用,用$refs比较常用,因为$refs是可以通过key来绝对定位到对应的子组件,这种方法在实际开发中比较常用。$refs是一个对象类

#vue.js#经验分享#程序人生
Vue学习笔记之IDEA工具中的Git、yarn、npm的使用

一、从码云或gihub拉取代码:1、启动 IDEA,找到首选项(macOS系统可通过菜单找到「Preferences」打开,Windows系统通过选择菜单「File」->「Settings」打开),选择「Plugins」2、在弹出的插件市场中搜索关键字「Gitee」,在搜索结果中找到「Gitee」插件,点击「Install」安装插件。3、重启 IDEA 使插件生效。账号登陆设置:1. 选择

#git#intellij idea
Vue学习笔记之组件的应用

Vue组件的应用:1、基础使用:第一步创建组件,第二步注册组件,第三步使用组件。在注册组件是需要用到template的属性。全局组件和局部组件组件的嵌套(父子组件):注意先后顺序,先声明,后面才能用2、组件的语法糖:直接在声明的时候直接进行组件的构造,省去了extend()的步骤// 2、注册组件Vue.component('cpn1', {template: `<div></d

#vue.js#经验分享#程序人生
Vue学习笔记之Es6转ES5的babel应用

1、由于目前ES6还不能很好的支持目前常见的浏览器,所以在打包的时候将ES6的代码转换为ES5,转换时可以通过babel进行转换;2、官网说明:3、环境配置,为了更好地匹配项目环境,我这边安装的是7的版本:cnpm install --save-dev babel-loader@7 babel-core babel-preset-es2015可以使用 options 属性 来给 loader 传递

#vue.js
Vue学习笔记之初识模块化开发

1、ES6模块化的实现<script src="aaa.js" type="module"></script>模块化开发声明:type="module" 是为了防止各模块直接变量或方法的冲突,每一个模块都有自己的空间导出:export对象导出方式及内容有:导入:import对应的导入方式:export default:在应用的时候,可以修改对应的名称,即是在导入的时候自己进

#vue.js
Vue学习笔记之Webpack简介及安装

1、概念:webpack是一个现代的JavaScript应用的静态模块打包工具(前端模块化打包工具)。让我们可以进行模块化开发,并且会帮助我们处理模块之间的依赖关系。2、webpack的安装:-g是全局安装(还有局部安装),@3.6.0 指定版本PS:必须依赖Node.js环境,npm命令管理各种依赖包。npm install -g cnpm --registry=http://registry.

#vue.js#intellij idea#经验分享
Vue学习笔记之Webpack的使用

一、webpack的使用:项目结构:src:源码dist:打包后的文件,用于发布的文件(bundle.js就是打包后的文件,然后在index.html引用即可)同cmd进行项目打包:打包完,在项目dist目录下就会生成一个打包文件bundle.js文件,在运行页调用此js文件,运行结果:PS:只需打包入口函数(只打包main.js),其他依赖类会自动打包有两种开发模式CommonJS、ES6两种模

#vue.js#经验分享
Vue学习笔记之Webpack中css、less、图片等文件处理

一、webpack中使用css文件:loader是webpack中一个非常核心的概念,去转化webpack不能转化或打包的文件。安装loader:官网介绍:安装: cnpm install --save-dev css-loaderloader配置:然后再进行打包动作:npm run buildPS:css-loader只负责将css文件进行加载,所以还需要style-loader负责将样式添加到

#vue.js
到底了