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: 变异的意思 不过也可以是改变的意思
--------------------------------------------------------------------------------------------------------------------------------
template: 既能包裹元素, 同时不生成真正的DOM元素
patch本身有补丁, 修补等意思但是实际,
patch也可以叫做 patching算法, 通过它渲染真实DOM时候, 并不是暴力覆盖原有DOM, 而是比对新旧两个VNode之间有哪些不同, 然后根据对比结果找出需要更新的节点进行更新
虚拟DOM最核心的部分就是patch, 在现有的DOM上进行修改来实现更新视图的目的,可以将VNode渲染成真实的DOM.
因为 DOM操作的执行速度是没有JavaScript运算速度快, 使用patching算法来计算真正需要更新的节点, 最大限度地减少DOM操作
--------------------------------------------------------------------------------------------------------------------------------
r
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
里面若没有 : 则 识别为字符串
` ` 这是模板字符串
模板字符串里面混着变量 可以使用花括号来解析
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
组件实例对象的原型对象的原型对象等于 vue的原型对象
组件实例对象怎么理解?
就是小型的VM, 第一:data必须写成函数,第二不能写成el配置项
xxxx.vue结尾的都是单文件组件