[暑假]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结尾的都是单文件组件

猜你喜欢

转载自blog.csdn.net/IDApprentice/article/details/126485601