Vue框架里面 template的作用,其实就起到一个分隔的作用, 因为确保里面的代码 不是脚本, 也不是样式~
拓展:
params 翻译出来是 参数 的意思
---------------------------------------------------------------------------------------------------------------------------------
local一般自用
Network 可以让同一局域网下的同事 输入地址使用
拓展:
什么叫做局域网?
局域网是网络种类的一种, 局域网就是 局部地区形成的一个区域网络, 其分为无线局域网, 有限局域网(之后会专门总结下)
其中的无线局域网的一个标准称为 IEEE 802.11 俗称WIFI
---------------------------------------------------------------------------------------------------------------------------------
第一: 用红框 扩起来的
如果是符合npm规范的一定会有package.json这个文件, 它是包的说明书
这一块是 采用了什么依赖
第二: 没用红框 扩起来的文件 是包版本控制文件 用来锁住指定安装版本
--------------------------------------------------------------------------------------------------------------------------------
凡是一个成型的项目里面都有README, 用来介绍这个项目里面的功能, 比如某些按钮, 界面里面的详情等等
--------------------------------------------------------------------------------------------------------------------------------
摁着 Ctrl 和 Esc下面的 ~键 可以快速打开终端
assets放入一些静态资源
--------------------------------------------------------------------------------------------------------------------------------
脚手架是什么?
CLI 全称 (Command-Line Interface 翻译为 命令行界面俗称脚手架)
Vue CLI 是基于Vue.js进行快速开发的完整系统, 将Vue生态中的工具标准化, 这样我们就可以专注在写应用上, 就不必花时间纠结配置问题.
说白了,Vue脚手架用于快速生成Vue项目基本架构
--------------------------------------------------------------------------------------------------------------------------------
语法糖是什么?
语法糖(Syntactic), 也译为 糖衣语法, 是由英国计算机科学家发明的一个术语
这种语法, 方便程序员使用, 同时对语言的功能没有影响.
语法糖的作用:
增加程序的可读性, 减少程序代码出错的机会
---------------------------------------------------------------------------------------------------------------------------------
image: 图片
mutate: 变异的意思 不过也可以是改变的意思
slot:
--------------------------------------------------------------------------------------------------------------------------------
template的作用是 模板占位符
template: 既能包裹元素, 同时不生成真正的DOM元素
--------------------------------------------------------------------------------------
patch介绍:
什么是patch?
patch本身有补丁, 修补等意思但是实际,
patch也可以叫做 patching算法, 通过它渲染真实DOM时候, 并不是暴力覆盖原有DOM, 而是比对新旧两个VNode之间有哪些不同, 然后根据对比结果找出需要更新的节点进行更新
patch的作用是什么?
虚拟DOM最核心的部分就是patch, 在现有的DOM上进行修改来实现更新视图的目的,可以将VNode渲染成真实的DOM.
使用patch的原因是什么?或者说为什么需要patch?
因为 DOM操作的执行速度是没有JavaScript运算速度快, 使用patching算法来计算真正需要更新的节点, 最大限度地减少DOM操作
--------------------------------------------------------------------------------------------------------------------------------
render是什么? (待补充)
r
--------------------------------------------------------------------------------------------------------------------------------
执行顺序:
在脚手架里面, import语句按照编写代码的顺序全部汇总到最上方
--------------------------------------------------------------------------------------------------------------------------------
v-bind (简写 : ) 可以动态读取数据, 识别是否要读取为字符串. 当成JS代码来解析
里面若没有 : 则 识别为字符串
` ` 这是模板字符串
模板字符串里面混着变量 可以使用花括号来解析
--------------------------------------------------------------------------------------------------------------------------------
多组 key value用 &进行分隔
组件库地址:
--------------------------------------------------------------------------------------------------------------------------------
组件实例对象的原型对象的原型对象等于 vue的原型对象
组件实例对象怎么理解?
就是小型的VM, 第一:data必须写成函数,第二不能写成el配置项
xxxx.vue结尾的都是单文件组件