- v-model
实现原理:将变量message绑定到val上,在input监听事件中再将改变后的value赋值给massage(v-bind+@input)
获取属性值 $event.target.value
修饰符
.trim
.num
.lazy 延伸节流+防抖
. - 组件开发
组件命名规则 MyCompentent - 前端工程化
node.js=>npm
npm install @vue/lic -g =》自动安装webpack
npm update @vue/cli -g
vue create 项目名称
vue,config.js里面的一些常用配置
outputDir:制定打包输出的文件目录名
assetsDir:打包后生成的静态资源统一存放的文件目录名(路径相对于outputDir)
publicPath :指定引用资源文件前缀
alias:引用文件路径别名
vite==》webpack
create-vue==>vue cli
npm install create-vue@latest -g
create-vue
vue,config.js里面的一些常用配置
outDir:制定打包输出的文件目录名
assetsDir:打包后生成的静态资源统一存放的文件目录名(路径相对于outputDir)
base :指定引用资源文件前缀
alias:引用文件路径别名 - 组件化
scoped css
provide+inject
slot