vue系列---【路由】
摘要：
1.路由介绍 将路径映射到组件 2.路由安装 npm i vue-router --save 3.基本使用 const routes = [ { path:"/login", component:login }, { path:"/index", component:index }, ] 4.路由重 阅读全文
posted @ 2021-05-19 23:11 码农小小海 阅读(76) 评论(0) 推荐(0)
vue系列---【vue ui创建项目步骤】
摘要：
一、打开终端，安装最新vue-cli npm install -g @vue/cli 二、终端运行vue ui vue ui 之后会自动跳转到http://localhost:8000,进入如下页面 三、点击创建 1.填写项目名称 2.选择插件配置方式 3.选择手动配置项目将会进入这一步，可以选择插 阅读全文
posted @ 2021-05-19 23:00 码农小小海 阅读(610) 评论(0) 推荐(0)
vue系列---【组件通信、ref、is、slot插槽、mixin混入、脚手架使用animate】
摘要：
1.组件通信*** 1.1父传子:父组件的数据给了子组件 理论： 1.父组件通过自定义属性传值 <v-child :msg="name"></v-child> 2.子组件通过props接收 export default { props:["msg"] } props验证 props: { tel: 阅读全文
posted @ 2021-05-19 22:41 码农小小海 阅读(176) 评论(0) 推荐(0)
vue案例系列---【vue脚手架实现表单和列表的添加、修改、删除功能】
摘要：
components下创建组件: 父组件index.vue (引入子组件 注册调用 app.vue 引入注册调用index.vue) 子组件：form.vue和list.vue index.vue 代码如下： <template> <div> <!-- 7.点击出现 --> <button @cli 阅读全文
posted @ 2021-05-16 22:13 码农小小海 阅读(1287) 评论(0) 推荐(0)
vue案例系列--【vue+Element ui 实现登录页面】
摘要：
<template> <div class="login-container"> <el-form :model="ruleForm2" :rules="rules2" status-icon ref="ruleForm2" label-position="left" label-width="0p 阅读全文
posted @ 2021-05-16 16:27 码农小小海 阅读(1255) 评论(0) 推荐(0)
vue案例系列---【购物车计算总价】
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-05-16 16:24 码农小小海 阅读(509) 评论(0) 推荐(0)
vue系列--【vue-cli2.9.6脚手架创建项目步骤】
摘要：
前提条件：默认安装node（推荐nodejs v14.17.0） 1.安装 1.安装webpack npm install webpack -g //安装webpack@5.76.2 安装脚手架 npm install vue-cli -g // 安装脚手架（默认vue-cli@2.9.6） 查看版 阅读全文
posted @ 2021-05-11 20:21 码农小小海 阅读(437) 评论(0) 推荐(0)
vue系列--【animate.css、过滤器、组件基础】
摘要：
1.动画 场景： 1. v-if 2. v-show 3.动态组件 4.路由 使用： 进来之前 enter 进来过程 enter-active 进来完成 enter-to 离开之前 leave 离开过程 leave-active 离开完成 leave-to <transition name="aa" 阅读全文
posted @ 2021-05-11 20:08 码农小小海 阅读(93) 评论(0) 推荐(0)
vue系列--【生命周期、侦听器watch、计算属性、jsonp解决跨域】
摘要：
1.生命周期 let vm=new Vue({ // 创建之前:什么都是undefined beforeCreate() { console.group("创建之前"); console.log('el:', this.$el); console.log('data:', this.$data); 阅读全文
posted @ 2021-05-11 19:53 码农小小海 阅读(85) 评论(0) 推荐(0)
vue系列--【动态样式、表单数据绑定、表单修饰符、事件处理、$set】
摘要：
1.bootstrap安装 官网：http://bootcss.com 下载： npm i bootstrap 2.动态样式 动态类名 <!--1. :class="变量" --> <div :class="classn">建设社会</div> <div :class="[三元]"> </div> 阅读全文
posted @ 2021-05-11 19:41 码农小小海 阅读(255) 评论(0) 推荐(0)
浙公网安备 33010602011771号