VUE
Alencai
这个作者很懒,什么都没留下…
展开
-
vue-cli 脚手架
安装/更新 vue-cli初始化一个项目:vue-cli2:vue init webpack 项目名vue-cli3+:vue create 项目名创建项目的时候,eslint(代码格式规范插件)慎用,否则编译可能会报各种错原创 2021-04-24 15:58:06 · 116 阅读 · 0 评论 -
webpack打包工具
webpack: 打包模块化开发项目成为浏览器可执行文件。webpack作为一个插件,可使用npm来安装,nodejs 自带npm,可前往nodejs官网下载安装(win7只能安装13.x 一下版本,14.x以上的版本要求win8以上的系统),nodejs 历史版本下载,下载对应版本的msi文件安装即可。一、npm-v 查看npm 是否安装成功。install :插件安装命令install :插件安装命令,简写为i-g : 全局安装–save:运行时依赖-save-dev:开发时依赖@插原创 2021-04-24 08:59:18 · 227 阅读 · 0 评论 -
vue 组件动态扩展之插槽 slot
基本使用具名插槽插槽作用域(指数据来源是父组件还是子组件)原创 2021-04-22 17:38:14 · 316 阅读 · 0 评论 -
vue父访问子&子访问父
父访问子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue父访问子</title></head><body><div class="app" id="app"> <h2>vue父访问子两种方式</h2> <ul> <li>this.$.原创 2021-04-22 11:53:39 · 187 阅读 · 0 评论 -
vue 子传父 this.$emit(‘事件名称‘,参数)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue组件化开发-子传父 $this.emit('事件名称',参数)</title></head><body><div class="app" id="app"><h2>子传父 this.$emit('事件名称',参数)</h2&g原创 2021-04-21 18:46:52 · 820 阅读 · 0 评论 -
vue 组件通信之父传子(props)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue组件化开发-父传子使用props</title></head><body><div class="app" id="app"> <!-- 组件化开发第3步:在vue实例内使用组件 --> <!-- 向子组件传值 -->原创 2021-04-21 17:26:23 · 184 阅读 · 0 评论 -
vue 组件data,methods 使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue组件化开发</title></head><body><div class="app" id="app"> <!-- 组件化开发第3步:在vue实例内使用组件 --> <cpn></cpn></div原创 2021-04-21 16:31:02 · 450 阅读 · 0 评论