动态组件 component vue内置的值，表示组件的占位符，is的属性表示渲染的组件的名字 <component :is="Left"></component> keep-alive保持组件不被销毁 <keep-alive> <component :is="Left"></component> </keep-alive> keep-alive有对应的生命周期函数 deactivated -被缓存时候，自动触发的生命周期函数 activated- 被激活时自动触发的生命周期函数 include- 指定...

scoped使用 原理是在每个组件的元素里都设置一个独特的属性，避免样式冲突 <style lang='less' scoped></style> 当使用组件第三方样式库的时候，如果有修改样式的需求，使用/deep/标签 /deep/ h5{ background:red } 组件实例 需要以标签的形式调用组件，他才是一个实例 生命周期 指的是一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段。 生命周期函数是内置函数，会伴随组件的生命周期，自动按次序执行 组件创建阶段 创建之前--beforeCreate -组件的pro...

vue-cli的使用(一) 安装 npm i -g @vue/cli 创建项目 vue create 项目名称 vue项目中src目录的构成 assets 文件夹；存放项目中的静态资源文件，例如：css样式表，图片 components 文件夹：程序员封装的可复用的组件 main: 项目的入口文件，整个项目的执行要先执行main.js app.vue是项目的根组件 vue 组件 vue组件化开发，把可复用的ui结构组件放到.vue后缀文件里 vue的三个组成部分 template->组件的模板结构 script->组件的JavaScript行为 style...

私有过滤器 过滤器要定义到filters节点下，本质是一个函数 过滤器函数一定要有return返回值 过滤器函数形参可以调用 | 前边的值 <div id="app"> <p>打印出来的文字是：{{ username | paip }}</p> </div> filters:{ paip(val){ return val.charAt(0).toUpperCase()+val.slice(1) } }...

vue指令学习一 内容渲染指令---v-text 内容渲染指令，当作属性来用 缺点是会覆盖元素内原有内容 <div id="app"> <p v-text="username"></p> <p v-text="gender"></p> </div> const vm=new Vue({ el:"#app", data:{ username:"zhangsan", gender:"女" } }) 内容渲染指令---{{}} {{}} 插值表达式在项目中用的最多，不会覆盖或者修改原有...

webpack初学配置 1.安装webpack npm i webpack webpack-cli 2.初步使用 package.json 里更改设置 "script" "dev":"webpack" 3.webpack.config.js文件 const path =require('path') module.exports={ mode:'development',// development开发 production 产品 entry:path.join(__dirname,'./index.js')// 需要打包的文件 output{ path:path.join(__...

1. node体验 node版本14.15以后 在package.json 根节点添加"Type":"module"节点 2.默认导出和默认导入 （1）默认导出 每个模块只允许使用一次，否则报错！ let n1=10 let n2=20 function show(){} export default{ n1, show } (2)默认导入 默认导入名称任意命名，只要命名合法就可以。（例如数字开头就不合法） improt mi from './users/login.js' 3.按需导出和按需导入 （1）按需导出 每个模块可以使用多次按需导出 按需导出和按需导入名称必须一致 ...