写法vue2 vue js

## 1 vue-cli创建项目 ```python # 单页面应用：spa -以后vue项目就只有一个 xx.html 页面 -定义很多组件，不可能都写在 xx.html中 # 单文件组件（一个组件一个文件） https://v2.cn.vuejs.org/v2/guide/single-file ......

MySQL 运算符 本章节我们主要介绍 MySQL 的运算符及运算符的优先级。 MySQL 主要有以下几种运算符： 算术运算符 比较运算符 逻辑运算符 位运算符 算术运算符 MySQL 支持的算术运算符包括: 运算符作用 + 加法 - 减法 * 乘法 / 或 DIV 除法 % 或 MOD 取余 在除 ......

MySQL NULL 值处理 我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时，该命令可能就无法正常工作。 为了处理这种情况，MySQL提供了三大运算符: IS NULL: 当列的值是 NULL,此运算符返回 ......

[toc] # 一.解析一下vue项目 ## 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.vue 必须是 ```html ``` -1 配置路由 router 》index.js 》 ``` const routes = [ { path: '/lqz', name: 'l ......

MySQL 排序 我们知道从 MySQL 表中使用 SQL SELECT 语句来读取数据。 如果我们需要对读取的数据进行排序，我们就可以使用 MySQL 的 ORDER BY 子句来设定你想按哪个字段哪种方式来进行排序，再返回搜索结果。 语法 以下是 SQL SELECT 语句使用 ORDER BY ......

Collapse 折叠面板：通过折叠面板收纳内容区域。 1. 基础用法 可以折叠展开多个面板，面板之间互不影响。 示例代码 <el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="一致性 ......

## 解析Vue项目 ```python # 1 为什么浏览器中访问某个地址，会显示某个页面组件 根组件：APP.vue 必须是 1 配置路由 router >index.js >const routes =[ { path: '/xxx', name: 'xxx', component: xxx ......

**1、项目介绍** 在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括学习平台的网络应用，在外国学习平台已经是很普遍的方式，不过国内的管理平台可能还处于起步阶段。学习平台具有学习信息管理功能的选择。学习平台采用java技术，基于springboot框架，mysql数 ......

MySQL NULL 值处理 我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时，该命令可能就无法正常工作。 为了处理这种情况，MySQL提供了三大运算符: IS NULL: 当列的值是 NULL,此运算符返回 ......

MySQL LIKE 子句 我们知道在 MySQL 中使用 SQL SELECT 命令来读取数据， 同时我们可以在 SELECT 语句中使用 WHERE 子句来获取指定的记录。 WHERE 子句中可以使用等号 = 来设定获取数据的条件，如 "kxdang_author = 'RUNOOB.COM'" ......

如数据对象： ruleForm: { name: '', password:'',}, 使用localStorage localStorage.setItem("person", JSON.stringify(this.ruleForm)); 取值 localStorage.getItem("per ......

MySQL 连接的使用 在前几章节中，我们已经学会了如何在一张表中读取数据，这是相对简单的，但是在真正的应用中经常需要从多个数据表中读取数据。 本章节我们将向大家介绍如何使用 MySQL 的 JOIN 在两个或多个表中查询数据。 你可以在 SELECT, UPDATE 和 DELETE 语句中使用 ......

## 1.动态组件 ```html --> ``` ```html 首页 订单 商品 ``` ```js var home = {template: `首页`,} var order = {template: `订单 搜索`,} var good = {template: `商品`,} let vm ......

## 计算属性 ### 为什么要用计算属性 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们想根据 `author` 是否已有一些书籍来展示不同的信息： ``` Has published books: {{ author.books ......

1.扁平化数组整理为树级，主要实现方法，过滤出没有父级标识(parentId)的作为列表的第一层，有父级标识的项放在其父级的children下面，也跟数组是引用类型的有很大关系 父级标识为falsy或者 父级为某个特定值(topValue)时，该项就在树级的顶级 function list2Tree ......

0x00 现象 MacOS在执行npm install下载项目的依赖包的时候出现的gyp报错，报错内容如下： No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'. No receipt for 'com.apple.pkg. ......

线程 浏览器中有哪些进程呢？ 1.浏览器进程：浏览器的主进程，负责浏览器的界面界面显示，与用户交互，网址栏输入、前进、后退，以及页面的创建和销毁。 2.渲染进程(浏览器内核)：默认一个tab页面一个渲染进程，主要的作用为页面渲染，脚本执行，事件处理等。 3.GPU进程：用于3D绘制等，将开启了3D绘 ......

0x00 报错详细 该报错在Windows和MacOS平台均会出现，项目启动时候报错如下： E:\vue-admin\node_modules\fibers>if not defined npm_config_node_gyp (node "D:\nodejs\node_modules\npm\no ......

利用provide和inject provide用于向子组件(或子组件中的子组件，无限嵌套)提供自身的一些数据，或者将自身所有属性全部提供，但是提供的数据均为非响应式数据。 inject用于引入父级组件所提供的数据 1、祖父组件 import {ref, reactive,provide} from ......

1.错误详情 2. 错误分析 百度此错误发现，很多人可能忘记在main.js中引入store.js并挂载在vue实例上，或者state单词写错了 我审查了很多遍代码，依然报错，读取不到state中的数据，后来想到可能是版本的问题此项目是vue2，要使用vuex3才能正常运行，我安装的时候没有指定版本 ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 为了保证的可读性，本文采用意译而非直译。 在 JS 面试中，经常会看到一些简单而又沙雕的题目，这些题目包含一些陷阱，但这些在我们规范的编码下或者业务中基本不会出现。 有些面试官就是这样，不专注于制定代码的标准和规范上，却用不规范的代码去检 ......

1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件==》子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）、默认插槽 父组件中： <Category> <div>html结构 </div> </Category> 子组件中： <tem ......

const formatSeconds = (value) => { if (value 0 || value < 1000) return '0秒'; var timestamp = parseInt(value) / 1000; // 毫秒转秒 // 小时取余数 const remainder ......

关于VueComponent： 1、组件本质是一个名为VueComponent的构造函数，并且不是程序员定义的，是Vue.extend生成的 2、我们只需要写组件引入<Demo />,Vue解析时会帮我们创建demo组件的实例对象，即Vue帮我执行的： new VueComponent(option ......

环境安装 nodejs有了，安装vue-cli： npm install -g @vue/cli （准备按查的资料跑下去的时候突然发现公司项目运行命令是npm run dev，好家伙是vue2，这个是vue3的） 再安装： npm install -g @vue/cli-init 看资料说webpa ......

数组的sort方法可以对数组进行排序，默认是按照字符编码的顺序进行排序，可以自定义规则。 sort方法会修改原数组。 自定义规则简述：比较函数两个参数 a 和 b，（a是b的后一个元素），返回 a-b 升序，返回 b-a 降序。 ```javascript let arr = [3,5,2,9,1] ......

Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 ......

问题一：富文本编辑器初始化实例出不来，有两个原因： 找的参考代码不适用微信小程序，需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c ......

## 1.计算属性computed ```python # 1 计算属性是基于它们的依赖变量进行缓存的 # 2 延缓计算,计算属性只有在它的相关依赖变量发生改变时才会重新求值，否则不会变（函数只要页面变化，就会重新运算） # 3 计算属性就像Python中的property，可以把方法/函数伪装成属 ......

如果你想要将一个对象的所有属性都当作 props 传入，你可以使用没有参数的 v-bind，即只使用 v-bind 而非 :prop-name。例如，这里有一个 post 对象： export default { data() { return { post: { id: 1, title: 'My ......