深入了解组件
组件注册
组件名
注册一个组件时，要给组件起名，如在全局注册中，组件名就是Vue.component的第一个参数：
1Vue component('my-component-name',{})
组件名应当遵守W3C规范中的自定义组件名（字母全小写且必须包含一个连字符）
组件名大小写
定义组件名的方式由两种：
使用短横线分隔命名:my-component-name
使用首字母大写命名：MyComponentName
两种命名法都可以使用，但需注意的是，直接在DOM（即非字符串的模板）中使用时，只有短横线分隔命...
初始化一个新项目
要初始化一个新项目，创建一个文件夹test作为项目目录，打开一个终端将切换路径到test，运行代码：
12345678910PS C:\Users\Administrator\Desktop\test> vue create test运行结果如下： Your connection to the default yarn registry seems to be slow. Use https://registry.npmmirror.com for faster installation? (Y/n)输入Y回车 Vue CLI v5.0.8? Pl...
Vue.js基础
列表渲染
用v-for把一个数组对应为一组元素
基于一个数组来渲染列表可以使用v-for指令。v-for指令需要通过item in items形式的特殊语法，其中items是源数据数组，而item是被迭代的数组元素的别名。
123456789101112131415161718<body><ul id="example-1"> <li v-for="item in items" :key="item.message"> {{it...
Vue.js基础
模板语法
Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有的Vue.js模板都是合法的HTML。
插值
文本
数据绑定最常见的形式就是使用”Mustache”语法（双大括号）的文本插值：
123<div id="app"> <span>message:{{message}}</span></div>
123456var app=new Vue({ el:'#a...
Vue.js基础
Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，易于上手且便于与第三方库或既有项目结合。
Vue不支持IE8及以下的版本，它支持所有兼容ECMA Script 5的浏览器。
安装
直接用<script>引入
若要在现有站点中使用Vue，可以通过<script>元素在页面中使用。
开发环境版本，包含了有帮助的命令行警告：
1<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.j...
标准对象
在JavaScript的世界里，一切皆是对象。但某些对象与其他对象不太一样。为了区分对象的类型，通常用typeof操作符获取对象的类型：
123456789101112131415161718192021console.log(typeof 123);console.log(typeof NaN);console.log(typeof 'str');console.log(typeof true);console.log(typeof undefined);console.log(typeof Math.abs);console.log(typeof n...
函数
函数定义和调用
定义函数
在JavaScript中，定义函数的方式如下：
1234567function abs(x){ if(x>=0){ return x; }else{ return -x; }}
函数内的语句执行到return语句时，函数便执行完毕了。若没有return语句，函数执行完毕后会返回undefined。
由于函数也是一个对象，因此上述定义的abs()函数实际上是一个函数对象，因此，第二种定义函数的方式如下：
1234567var abs=function(x){ if(x>=0){ ...
快速入门
JavaScript代码可以直接嵌在网页的任何地方，通常会把JavaScript代码放在HTML的<head>中。由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行。
另一种方法就是把JavaScript代码放到一个单独的.js文件中，然后在HTML中通过<script src="/js文件地址">...</script>的方式引入这个文件。
**JavaScript中的注释符号是//或/**/，*JavaScript中严格区分大小写。**
若需要调试Java...
CSS表格
表格边框
使用border属性可以指定CSS表格边框：
123table,th,td{ border:1px solid black;}
由于表格和th/td元素有独立的边界，故会显示有双边框。
折叠边框
使用border-collapse属性可以设置表格的边框是否被折叠成一个单一的边框或隔开：
123456table{ border-collapse:collapse;}table,th,td{ border:1px solid black;}
表格宽度和高度
使用width和h...
CSS简介
CSS指层叠样式表，样式定义如何显示HTML元素。
样式对网页中元素位置的排版进行像素级精确控制。
样式通常存储在样式表中，外部样式表通常存储在CSS文件中。
多个样式定义可以层叠为一个，即对一个元素多次设置同一个样式，将使用最后一次设置的属性值。
所有样式根据以下规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权。即意味着它将优先于以下的样式声明：
浏览器缺省设置
外部样式表
内部样式表（位于<head>标签内部）
内联样式（在HTML元素内部）
CSS语法
CSS规则由两个主要的部分构成：选择器，以及一条或多条声明，语法如...
