vue的本质,是html标签三要素的增删改查?标签名,标签属性和标签内容
vue那么多指令怎么记忆?如果单纯靠长期经验,难免会停在经验主义上,我想应该有一个经典的分类,来梳理和概括vue
思考问题如下
1.vue操作的是dom还是html
2.html和dom的区别
3.dom是否存在类似html的标签
4.标签三要是什么?vue是如何区别修改的,以及在vue中的对应的概念是什么?
5.理想的结论是
vue组件——应该是自定义标签名
vue指令——应该是自定义属性,并对标签属性的操作,有14个指令
vue插值——应该是插入标签内容
…………………………
HTML Hyper Text Markup Language,超文本标记语言,标记语言不同于编程语言,标记语言是一套标记标签,HTML使用标记标签来描述网页
HTML文档包含HTML标签和纯文本
保存格式:把文本文档保存为HTML格式,即可在浏览器中打开,查看网页效果
HTML 集成编辑器(专门设计用于写HTML代码的客户端软件): VS Coder
文本编辑器:Notepad (PC) 或 TextEdit (Mac)
HTML 常用数据包 框架等:
Modernizr 自动检测浏览器版本和特性
一句HTML的组成:标签,属性,内容
或用专业术语说:一个HTML元素 ,是从开始标签,属性,内容,到结束标签的代码
其中的专业术语解释:
标签tag <a><a/> 尖括号 关键词 成对出现 开始和结束标签
属性<a s="x" >list<a/> s 在开始标签内设置
内容 list 显示在网页中 是具有s属性的a对象(不严谨 并不面向对象 但可助于理解)
格式如下:
<标签关键字 标签属性>标签对象的内容<此标签对象结束>
<a s="x" >list<a/>
一组标签 HTML标签嵌套
<html> <body><body/> <hrml/>
一个HTML元素的内容,可以是其它的HTML元素
框架类元素
<html>之间的文本描述网页<html/>
<body>可见的页面内容<body/>
基本显示元素
<h1>大号标题<h1/> <h6>最小号标题<h6/>
<p>段落<p/>(段落意味着自动另起一行)
链接
<a herf = "URL"> This is a link <a/>
链接标签<a> 链接属性 链接地址 herf = “URL” 含有链接的文本 This is a link
图像
<img src="w3school.jpg" width="104" height="142" />
图像标签<img> 属性:图像来源 scr = “本地图片相对地址 or 网络图片绝对地址” width="像素宽" height="像素高"
空内容元素
换行
<br/> 既是开始标签,又是结束标签