bakelFF的博客

加冒号的，说明后面的是一个变量或者表达式；没加冒号的后面就是对应的字符串字面量！例子：打开关闭例子：打开

vite简介与 Vue CLI 类似，Vite 也是一个提供基本项目脚手架和开发服务器的构建工具。 然而，Vite 并不是基于 Webpack 的，它有自己的开发服务器，利用浏览器中的原生 ES 模块。这种架构使得 Vite 比 Webpack 的开发服务器快了好几个数量级。Vite 采用 Rollup 进行构建，速度也更快。 Vite 先启动服务，按需加载 Webpack 则是先全部打包 再启动服务安装vitenpm init vite@latest npm构建vite项目yarn

插值文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：<span>Message: {{ name }}</span><script> new Vue({ el: '#app', data: { name: '小白' } })</script>但是此语法不能用在html元素的属性上.原始 HTML若..

字符串方法中的replace方法，该方法主要用于将字符串中符合匹配条件的字串替换成其他的字符串，返回替换后的字符串，且原字符串不变。全局标志g的情况下可以实现全局多次匹配。 var str = '#home#home' var pattern3= /home/g var newStr3= str.replace(pattern3, 'home1') //得到newStr3的结果为"#home1#home1"总结：对于replace方法来说，如果参数1是字符串或者是不带全局标志g的正则.

遍历对象 //forin循环 let objs = [{ id: 1, name: 'object1' }, { id: 2, name: 'object2' }, { id: 3, name: 'object3' }] for (var obj in objs) { console.log('

vue中遍历对象的方法就是JavaScript的方法，invue中在计算属性中，定义一个函数letters，因为要把letters用作数组，所以在letters函数中，先申明了letters = [ ]通过in遍历cities对象，将对象的属性push到letters中。computed:{ letters(){ const letters = [] for(let i in this.cities){ letters.pus

<template> <div> <el-form :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-.

package com.example.demo.entity;import com.baomidou.mybatisplus.annotation.IdType;import com.baomidou.mybatisplus.annotation.TableField;import com.baomidou.mybatisplus.annotation.TableId;import com.baomidou.mybatisplus.annotation.TableName;import c..

<template> <div> <el-table id="table" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" :default-sort ="{prop:'index',order:.

首先，js文件报错如下图：报这个错原因是,vue用的es6的语法，解决的话也很简单，只需要把idea的javaScript的版本从默认的5.1改为6就好了以下为解决方法：点击File里的Settings找到Languages&Frameworks下的JavaScript,把版本从默认的5.1改为6就好了最后，apply、OK。报错就不会出现了...

1.v-if切换： v-if的方式来切换视图:创建和销毁(导致组件的状态不能留存)2.v-show切换： 显示和隐藏,没有办法操作Dom结构(会保存组件的状态)3.动态组件切换： 可以操作DOM, 并且可以留存下数据; 切换时触发的生命周期： 激活activated 冻结 deactivated 这两个方法; 用keep-alive可保存组件的状态代码示例:<template> <div> <button @click="isShow='Hello

什么是vue-clivue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；  预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；需要的环境需要注意的是vue-cli2不支持较高的node.js版本，我下的是12的版本Node.js：http://nodejs.cn/download/安装就是无脑的下一步就好，安装在自己的环境目录下Git：https://git-scm.com/doen

想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。MVVM介绍MVVM（Model-View-ViewModel）是一种软件设计模式，由微软WPF（用于替代WinForm，以前就是用这个技术开发桌面应用程序的）和Silverlight（类似于Java Applet，简单点说就是在浏览器上运行WPF）的架构师Ken Cooper和Ted Peters开发，是一种简化用户界面的事件驱动编程方式。由John Gossman（同样也是WPF和Sliverlight

官网文档地址：传送门1、为什么学习Vue.js?首先给大家说下MVVM模式MVVM设计模式由Model（模型）、View（视图）、ViewModel（视图模型）三部分组成。主要的目的是分离视图（View）和模型（Model），主要有以4个优点：低耦合：View可以独立于Model的变化和修改，一个VIew Model可以绑定到不同的View上，当View变化时Model可以不变化，当Model变化时View也可以不用变化。独立开发：开发人员更加专注于业务逻辑和数据的开发（ViewMo