随笔分类 - vue
摘要：使用包管理器 npm install element-plus --save 完整引入 // main.js import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dis
阅读全文
摘要：加载<style scoped> 表示写的样式，只在当前组件生效，不会影响到其他组件，造成污染
阅读全文
摘要：概念 mixin 混入：可以把多个组件共用的配置提取成一个混入对象 提取混入对象 export const hunhe={ methods:{ show(){ console.log('show'); } }, data(){ return{ age:12 } } } 注册混入，全局注册（只要注册了
阅读全文
摘要：定义 props是组件间通信，父传子，自定义属性时，子组件间中接收父组件中传入的数据使用的配置项 主 <script> import New from './components/NewComponents.vue' export default{ components:{ New, }, data
阅读全文
摘要：test.js let name1 = 'testName'; function testFunc(){ console.log(name1); } export default { name1, testFunc} 使用 <script> // 导入 import test from '../te
阅读全文
摘要：组件就是 xx.vue <!-- 第二部分 --> <!-- 以后在这个对象中写咱们之前学的data，methods，watch，computed，生命周期钩子 --> <script> export default { data() { return { name: 'szw' } }, prop
阅读全文
摘要：不具名插槽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：概念 各个组件间，数据，方法，都是隔离的 通过自定义属性，实现父传子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"
阅读全文
摘要：概念 # 作用：扩展 HTML 元素，封装可重用的代码，目的是复用 -例如：有一个轮播，可以在很多页面中使用，一个轮播有js，css，html -组件把js，css，html放到一起，有逻辑，有样式，有html # 多组件页面和单组件页面 -官方推荐，以后一个组件是一个 xx.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
阅读全文
摘要：概念 计算 属性： 1 以后当属性用 2 只有关联的数据变化，才重新运算 3 有缓存，数据没有变化，页面再更新，它也不变化 例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <
阅读全文
摘要：跨域问题 -浏览器有个安全策略：不允许向不同域(地址+端口号)发送请求获取数据，浏览器的 同源策略 -解决跨域： -后端的Cors(跨域资源共享)技术：就是在响应头中加入允许即可Https://Www.Cnblogs.Com/Sherwin1995/Articles/16832830.Html -N
阅读全文
摘要：它们有生命周期：从创建开始，到销毁 vue中总共生命周期有8个钩子函数(4对)，依次调用 钩子的意思：aop的体现 beforeCreate 创建Vue实例，组件实例对象创建 之前调用 created 创建Vue实例成功后调用（咱们用的对，可以在此处发送ajax请求后端数据） beforeMount
阅读全文
摘要：lazy：双向数据绑定，只要修改输入框的值，就再更新数据，耗费资源，加了lazy后，等不输入了，变量再变化 number：输入框，只接收数字部分，如果输入了 123asdfasd,只保留123 数字部分 trim： 去掉输入内容前后的空 <!DOCTYPE html> <html lang="en"
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="app"> <tabl
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="app"> <h1>表
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="app"> <!--
阅读全文
摘要：# 放在事件后的 @click.once='函数' .stop 只处理自己的事件，不再冒泡给父标签（阻止事件冒泡） .self 只处理自己的事件，子控件冒泡的事件不处理 .prevent 阻止a链接的跳转 .once 事件只会触发一次（适用于抽奖页面） <!DOCTYPE html> <html l
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="app"> <inpu
阅读全文
浙公网安备 33010602011771号