乐胖代购免代理版

vue-cli 一分钟搭建自己的vue项目

创建项目 1.安装全局vue cli npm install vue cli g 2.生成项目模板(my_projuct为项目名称) vue init webpack my_projuct 3.进入生成的项目文件夹 cd my_project 4.运行 npm run dev 5.打包 npm ru

创建项目

项目文件

vue

编程

原创 2021-08-05 16:20:34 194 阅读

条件渲染

条件渲染在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。

html

封装

原创 2021-08-05 16:20:02 183 阅读

React 状态机

React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。在具有许多组件的应用程序中，在销毁时释放组件所

html

生命周期

用户界面

构造函数

初始化

原创 2021-08-05 16:03:12 561 阅读

React 组件的生命周期

生命周期组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM

html

生命周期

移出

React

原创 2021-08-05 16:03:08 138 阅读

yarn 安装vue

sudo yarn global add @vue/cli # vue -V @vue/cli 4.5.12

干货

原创 2021-08-05 15:35:41 595 阅读

vue创建项目

1、创建 vue create app_name 2、开启 npm run serve 3、引入axios sudo yarn add axios

ios

原创 2021-08-05 15:35:26 193 阅读

阿里巴巴iconfont使用

step1 把图标加入项目 step2 下载 step3 放入项目 step4 使用 iconName: "icon iconfont iconchaxuntongji"

ico

加入项目

原创 2021-08-05 15:35:03 523 阅读

vue-tools

有这个工具,可以辅助开发vue。只有在vue项目下,才有效果。

干货

原创 2021-08-05 15:34:39 415 阅读

Vue 常用指令

v-text 或者 {{ }} 直接把数据渲染出来，有Html标签也不会解析。 <h1 v-text="msg"></h1> <h1>{{ msg }}</h1> v-html 为了输出真正的HTML，可以用v-html指令。它等同于JS的innerHtml属性。 <div v-html="nam

html

方法名

数据绑定

遍历数组

作用域

原创 2021-08-05 15:34:12 182 阅读

vue项目使用tinymce富文本

1、安装 npm install tinymce -S npm install @tinymce/tinymce-vue -S 如果是v2.x可以安装指定版本 npm install tinymce@5.1.0 -S npm install @tinymce/tinymce-vue@3.0.1 -S

ios

上传

工具栏

特殊字符

ide

原创 2021-08-05 15:32:43 1547 阅读

cnpm 安装 vue-cli

sudo cnpm install -g vue-cli 这样脚手架创建项目更加的快。 vue create demo

创建项目

原创 2021-08-05 15:31:54 262 阅读

htmlWebpackPlugin.options.title 如何配置

// vue.config.js const px2rem = require("postcss-plugin-px2rem"); module.exports = { chainWebpack: config => { config .plugin('html') .tap(args => { a

css

ide

html

原创 2021-08-05 15:31:19 3559 阅读

vue组件传参

父视图，通过属性传入参数 <template> <div class="home"> <Index name="Zhang" age="18"/> </div> </template> <script> import Index from '@/components/Index.vue' expor

获取参数

css

原创 2021-08-05 15:31:06 713 阅读

vue-element-admin和服务端进行交互

在 vue-element-admin 中，一个完整的前端 UI 交互到服务端处理流程是这样的： - UI 组件交互操作； - 调用统一管理的 api service 请求函数； - 使用封装的 request.js 发送请求； - 获取服务端返回； - 更新 data；从上面的流程可以看出，为了

封装

服务端

拦截器

ios

错误处理

原创 2021-08-05 15:27:34 307 阅读

vue-element-admin 二次开发

vue后台开发添加路由 { path: '/building-type', component: Layout, name: 'buildingType', children: [ { path: 'index', component: () => import('@/views/building

ico

初始化

后台开发

修改时间

正则

原创 2021-08-05 15:25:39 350 阅读

VUE ，表单中如何用获取接口数据的select

如何增加一个查询数据库的select data中加一个变量 buildingTypeList: [] 初始化的时候获取内容 created() { // 获取楼栋类型 this.getBuildingTypeList(); } // 添加方法 getBuildingTypeList() { getB

表单

提交表单

初始化

表单提交

数据

原创 2021-08-05 15:25:22 530 阅读

ElementUI 列表使用

1、安装 npm i element-ui -S 2、引入 import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App fro

图片显示

css

原创 2021-08-05 15:23:34 2596 阅读

Element UI 图片上传,前端控制宽高

<div>  <el-upload class="images-uploader" action="#" :http-request="hande

宽高

ico

ios

上传

上传图片

原创 2021-08-05 15:23:22 1648 阅读

--save ，--save-dev

--save和--save-dev 在安装包时, 我们可以根据环境决定包的安装效果. 假设我们要安装express 1.执行 npm i express --save 则表示我想在生产环境中使用express, 同时, express的版本信息会被写入package.json中的dependenci

版本信息

json

生产环境

安装包

测试环境

原创 2021-08-05 15:23:06 283 阅读

vue-element-admin列表管理

跳转按钮 <el-button type="primary" size="medium" icon="el-icon-s-grid" @click="handleToAcreage(floorInfo)">房屋面积管理</el-button> 跳转新的页面方法 handleToAcreage(row

ico

获取参数

搜索

获取数据

原创 2021-08-05 15:22:59 551 阅读

elementUI中使用radio和switch

<el-table-column prop="is_show" label="是否显示"> <template slot-scope="scope"> <el-switch disabled v-model="scope.row.is_show" active-value="1" inactive-

3c

原创 2021-08-05 15:22:54 389 阅读

vue-router两种引入模块的方式

import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' Vue.use(VueRouter) const routes = [ { path: '/', name: '

vue

原创 2021-08-05 15:22:43 435 阅读

开发环境，测试环境，生成环境 vue

development 开发环境（本地服务器） stage (test) 测试环境 (测试服务器) production 生产环境（正式服务器） .env.development # 开发环境 ENV = 'development' # base api VUE_APP_BASE_API = 'lo

服务器

测试环境

开发环境

本地服务

生产环境

原创 2021-08-05 15:22:31 582 阅读

vue-cli3创建项目实现px2rem

1、安装 npm install postcss-plugin-px2rem --save-dev 2、引入配置 // vue.config.js const px2rem = require("postcss-plugin-px2rem"); module.exports = { css: { l

css

html

ide

scala

原创 2021-08-05 15:22:24 119 阅读

第一个VUE项目

基于1280尺寸。支持scss。支持px2rem。开发，打包，上线。很好用。有了Vue，各种插件都可以使用，路由也可以使用。最后一打包，什么都ok。

css

原创 2021-08-05 15:22:13 209 阅读

vue-element-admin 代码风格

Component 所有的Component文件都是以大写开头 (PascalCase)，这也是官方所推荐的。但除了 index.vue。例子： @/components/BackToTop/index.vue @/components/Charts/Line.vue @/views/examp

ico

大小写敏感

原创 2021-08-05 15:20:00 395 阅读

使用elementui图标

<i class="el-icon-s-grid" ></i> <template> <i class="el-icon-edit"></i> <i class="el-icon-share"></i> <i class="el-icon-delete"></i> <el-button type="

ico

搜索

原创 2021-08-05 15:18:16 548 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

vue-cli 一分钟搭建自己的vue项目

条件渲染

React 状态机

React 组件的生命周期

yarn 安装vue

vue创建项目

阿里巴巴iconfont使用

vue-tools

Vue 常用指令

vue项目使用tinymce富文本

cnpm 安装 vue-cli

htmlWebpackPlugin.options.title 如何配置

vue组件传参

vue-element-admin和服务端进行交互

vue-element-admin 二次开发

VUE ，表单中如何用获取接口数据的select

ElementUI 列表使用

Element UI 图片上传,前端控制宽高

--save ，--save-dev

vue-element-admin列表管理

elementUI中使用radio和switch

vue-router两种引入模块的方式

开发环境，测试环境，生成环境 vue

vue-cli3创建项目实现px2rem

第一个VUE项目

vue-element-admin 代码风格

使用elementui图标

欢迎