• [暑假]Vue框架里面 一些小知识(持续更新)


    785fd7a6f9db4a629381ca63cf54f8fa.png

     Vue框架里面 template的作用,其实就起到一个分隔的作用, 因为确保里面的代码 不是脚本, 也不是样式~

    拓展:

            params 翻译出来是 参数 的意思

    ---------------------------------------------------------------------------------------------------------------------------------

    local一般自用

    Network 可以让同一局域网下的同事 输入地址使用

     拓展:

            什么叫做局域网?

                   局域网是网络种类的一种, 局域网就是 局部地区形成的一个区域网络, 其分为无线局域网, 有限局域网(之后会专门总结下)

            其中的无线局域网的一个标准称为 IEEE 802.11 俗称WIFI

    ---------------------------------------------------------------------------------------------------------------------------------

    acf3d06c80264c9fb63c350b928232b9.png

    第一: 用红框 扩起来的

     如果是符合npm规范的一定会有package.json这个文件, 它是包的说明书  

    1f9544772e064f9699c2ec0c5bef58c6.png这一块是 采用了什么依赖

    第二: 没用红框 扩起来的文件  是包版本控制文件 用来锁住指定安装版本

    --------------------------------------------------------------------------------------------------------------------------------        65d8b1bd1cb14354b91ee41ce496070a.jpeg

     凡是一个成型的项目里面都有README, 用来介绍这个项目里面的功能, 比如某些按钮, 界面里面的详情等等


    --------------------------------------------------------------------------------------------------------------------------------
    摁着 Ctrl 和 Esc下面的 ~键 可以快速打开终端 

    d5db67bb4555454faa6571fa58f51b79.png

    assets放入一些静态资源 

    1d95ee44729f419fbf78f696d73c5efd.png

    --------------------------------------------------------------------------------------------------------------------------------

    脚手架是什么?

    CLI 全称 (Command-Line Interface 翻译为 命令行界面俗称脚手架)

    Vue CLI 是基于Vue.js进行快速开发的完整系统, 将Vue生态中的工具标准化, 这样我们就可以专注在写应用上, 就不必花时间纠结配置问题.

    说白了,Vue脚手架用于快速生成Vue项目基本架构

    --------------------------------------------------------------------------------------------------------------------------------

    语法糖是什么?

    语法糖(Syntactic), 也译为 糖衣语法, 是由英国计算机科学家发明的一个术语

                    这种语法, 方便程序员使用, 同时对语言的功能没有影响.

    语法糖的作用:

                    增加程序的可读性, 减少程序代码出错的机会

    ---------------------------------------------------------------------------------------------------------------------------------

    image: 图片

    mutate: 变异的意思 不过也可以是改变的意思

     slot:

    5df09ceab84b457786f99e580a097765.png

    --------------------------------------------------------------------------------------------------------------------------------

    template的作用是 模板占位符 

    template: 既能包裹元素, 同时不生成真正的DOM元素

    --------------------------------------------------------------------------------------

    patch介绍:

    什么是patch?

                    patch本身有补丁, 修补等意思但是实际,

                    patch也可以叫做 patching算法, 通过它渲染真实DOM时候, 并不是暴力覆盖原有DOM, 而是比对新旧两个VNode之间有哪些不同, 然后根据对比结果找出需要更新的节点进行更新

              

    patch的作用是什么?

    虚拟DOM最核心的部分就是patch, 在现有的DOM上进行修改来实现更新视图的目的,可以将VNode渲染成真实的DOM.

    使用patch的原因是什么?或者说为什么需要patch?

    因为 DOM操作的执行速度是没有JavaScript运算速度快, 使用patching算法来计算真正需要更新的节点, 最大限度地减少DOM操作

    --------------------------------------------------------------------------------------------------------------------------------

    render是什么? (待补充)

    --------------------------------------------------------------------------------------------------------------------------------

    执行顺序:

    在脚手架里面, import语句按照编写代码的顺序全部汇总到最上方

    --------------------------------------------------------------------------------------------------------------------------------

    v-bind (简写  :   ) 可以动态读取数据, 识别是否要读取为字符串. 当成JS代码来解析  

    里面若没有 : 则 识别为字符串 

    ` ` 这是模板字符串

    模板字符串里面混着变量 可以使用花括号来解析

    --------------------------------------------------------------------------------------------------------------------------------

    多组 key value用 &进行分隔

    组件库地址:

    --------------------------------------------------------------------------------------------------------------------------------

                       组件实例对象的原型对象的原型对象等于 vue的原型对象

    组件实例对象怎么理解?

    就是小型的VM, 第一:data必须写成函数,第二不能写成el配置项

                                             

    xxxx.vue结尾的都是单文件组件

     

     

  • 相关阅读:
    【MYSQL】约束
    [autojs]逍遥模拟器和vscode对接
    【不含101的数】python实现-附ChatGPT解析
    java面试题 --- Mybatis&Hibernate
    五种I/O模型
    头哥实践平台之MapReduce基础实战
    Matlab 将计算结果制作成 gif 动画
    Handle
    【锂离子电池】
    vue3探索——vue3+vite2动态绑定图片优雅解决方案
  • 原文地址:https://blog.csdn.net/IDApprentice/article/details/126485601