第一本书随笔2

  1. v-model
    实现原理:将变量message绑定到val上,在input监听事件中再将改变后的value赋值给massage(v-bind+@input)
    获取属性值 $event.target.value
    修饰符
    .trim
    .num
    .lazy  延伸节流+防抖
    .

  2. 组件开发
    组件命名规则  MyCompentent
  3. 前端工程化
    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:引用文件路径别名

  4. 组件化
    scoped css
    provide+inject
    slot


posted @ 2024-01-31 10:07  青橙娃娃  阅读(8)  评论(0编辑  收藏  举报