vue总结全面

客官°小女子只卖身不卖艺 2023-06-16 08:05 25阅读 0赞

# Vue 总结 #

本文链接：[https://blog.csdn.net/TwentyOne\_\_/article/details/93972167][https_blog.csdn.net_TwentyOne_article_details_93972167]

> ## **第一章** ##
> 
> <code> 		三大框架：
> 			Vue.js：
> 				优点：单页面更轻量，简单易学
> 				缺点：不支持IE8
> 			An'gubr:
> 				优点：完善的框架，包含模板，数据双向绑定，路由，模块化，等所有功能
> 				缺点：比较笨重，学习成本高
> 			react:
> 				优点：速度快、跨浏览器兼容、单向数据流、兼容性好
> 				并不是一个完整的框架，需要加上ReactRouter和Flux才能完成
> 		开发模式：
> 			MVC: Model-View-Controller
> 			MVP: Model-View-Presenter 
> 			MVVM: Model-View-ViewModel
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> 
> ## **第二章** ##
> 
> <code> 		Vue核心:数据的双向绑定 ，组件化
> 		实例化Vue三部曲：
> 			1.创建跟实例：let app = new Vue({})
> 			2.挂载根实例：let app = new Vue({
> 							el:'#app', //js元素选择方式/css选择器
> 						})
> 			3.绑定数据：let app = new Vue({
> 							el:'#app',
> 							data:{age:24} //显示声明数据 //指向已有变量
> 						})
> 		Vue实例就是app，Vue实例属性就是app的属性
> 		所有的选项前面加上$都是Vue实例的属性
> 		$el：表示在Vue实例上挂载的DOM对象属性
> 		app.$el === document.getElementById(“app”) //true
> 		$data：表示在Vue实例上挂载的数据属性。
> 		Vue实例代理了data选项中的所有属性：获取属性 app.message
> 		app.$data.age=== app.age//true
> 
> 		文本插值{
> {数据变量}} 特性：双向绑定，可以运行运算和对象方法的执行
> 
> 		基本指令：
> 			v-html: 原始html
> 			v-once: 单项绑定
> 			v-pre: 跳跃编译，显示原始标签
> 			v-bind: 属性绑定 =>语法糖 ：
> 			v-on: 事件绑定 =>语法糖 @
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> * 18
> * 19
> * 20
> * 21
> * 22
> * 23
> * 24
> * 25
> * 26
> 
> ## **第三章** ##
> 
> <code> 		v-bind：
> 			单个语法格式
> 			对象语法格式
> 			数组语法格式 绑定类名
> 		条件渲染指令：
> 			v-if：true时渲染 false时不渲染
> 			v-show：true时渲染 false时不渲染
> 		本质方法：
> 			v-show本质就是标签display设置为none，控制隐藏
> 			v-if是动态的向DOM树内添加或者删除DOM元素
> 		编译区别：
> 			v-show其实就是控制css
> 			v-if切换有一个局部编译卸载过程，切换过程中适合的销毁和重建内部的事件监听和子组件
> 		性能：
> 			v-show只编译一次，后面的其实就是控制CSS
> 			v-if不停的销毁和创建，故v-show性能更好一点
> 		编译条件：
> 			v-show都会编译，初始值为false，只是将display设为none，但它也编译了
> 
> 		v-on：事件类型="方法名"
> 		v-on事件绑定修饰符
> 			.stop：阻止事件的传递，即阻止事件向上冒泡 (写在子元素里)
> 			.prevent：阻止对象的默认行为
> 			.capture：使用事件捕获机制	(写给父元素)
> 			.self:自身事件修饰符
> 			.once：绑定的事件只能触发一次
> 			.keyup.keyCode键值修饰符
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> * 18
> * 19
> * 20
> * 21
> * 22
> * 23
> * 24
> * 25
> * 26
> * 27
> 
> ## **第四章** ##
> 
> <code> 		console.log()日志信息
> 		console.info()一般信息
> 		console.debug()除错信息	(谷歌，opera不支持)
> 		console.warn()警告提示
> 		console.error()错误提示
> 		console.group()和console.groupEnd()分组显示
> 		console.dir()输出属性与方法
> 		console.dirxml()输出节点代码
> 		console.clear()清空控制台内容
> 		console.time(),console.timeEnd()计时器
> 		console.count()计数器
> 		console.table()表格化
> 		占位符：
> 			字符（%s）、整数（%d或%i）、浮点数（%f）、对象（%o）、CSS格式化样式（%c）
> 		$ 简单理解就是 document.querySelector 。
> 		$$ 简单理解就是 document.querySelectorAll 。
> 		$_ 是上一个表达式的值
> 		dir 就是 console.dir
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> * 18
> 
> ## **第五章** ##
> 
> <code> 		Vue实例从创建到销毁的过程，就是生命周期
> 		生命周期钩子 = 生命周期函数 = 生命周期事件
> 		创建阶段：
> 			beforeCreate：el 和 data 并未初始化 
> 			created：data已经初始化，但el并未初始化
> 		挂载阶段：
> 			beforeMount：el 和 data 均已初始化 ，用了Virtual DOM（虚拟Dom）技术
> 			mounted：数据被渲染出来
> 		更新阶段：
> 			beforeUpdate：无法访问DOM
> 			updated：可以访问DOM
> 		销毁阶段：
> 			beforeDestroy：
> 			destroyed：
> 		数据挂载方式：
> 			1.实例化时用el挂载
> 			2.$mount
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> 
> ## **第六章** ##
> 
> <code> 		当逻辑较为复杂时，可以写在computed计算属性内，需要reture返回结果
> 		计算属性包含getter和setter，利用getter读取，用setter设置，默认用getter读取就可以了
> 		
> 		计算属性可以依赖其他计算属性
> 		不仅可以依赖当前Vue实例的数据，还可以依赖其他实例数据
> 
> 		computed 基于他的依赖缓存，只有相关依赖发生改变时才会重新取值
> 		methods 除了提供computed之外，还提供了一种侦听器：watch 由于相对繁琐不建议使用
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> 
> ## **第七章** ##
> 
> <code> 		class对象语法：
> 			1.单类名切换：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628193450220.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/2019062819343059.png)
> 			2.多类名切换：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628193804903.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628193827831.png)
> 			3.类名共存：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628193919131.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628193927591.png)
> 			4.对象包裹：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194043578.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194050557.png)
> 			5.计算属性：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194150891.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194159113.png)
> 		class数组语法：
> 			1.普通数组：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194355706.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194404177.png)
> 			2.表达式：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194437487.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194444229.png)
> 			3.数组对象嵌套：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194523712.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194530662.png)
> 			4.计算属性：
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194606465.png)
> 				![在这里插入图片描述](https://img-blog.csdnimg.cn/20190628194612876.png)
> 		内联样式style：
> 			1.对象语法
> 			2.对象包裹语法
> 			3.计算属性语法
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> * 18
> * 19
> * 20
> * 21
> * 22
> * 23
> * 24
> * 25
> * 26
> * 27
> * 28
> * 29
> * 30
> * 31
> * 32
> * 33
> 
> ## **第八章** ##
> 
> <code> 		JS迭代选择器：
> 			1.forEach：里边为一个函数，可以接受3个参数，分别为elemen他，index，self
> 			2.map：语法跟forEach有点像
> 			3.every(有假即假)：接收一个返回值为布尔类型的函数
> 			4.some(有真即真)：接收一个返回值为布尔类型的函数
> 		记本指令：
> 			v-cloak：遮罩指令	(防止屏幕闪动，需要配合[v-cloak]{display:none})
> 			v-eles /v-else-if /v-if：加key
> 			v-for：列表渲染 (加key)
> 		遍历数组可以接收三个参数：element，index，self
> 		遍历对象可以接收三个参数：value，key，index
> 		控制循环次数的两种方法：
> 			item of items.slice(0,2)
> 			通过v-if控制
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> 
> ## **第九章** ##
> 
> <code> 		遍历对象：
> 			for...in
> 			遍历对象键 o'bject.keys()
> 			遍历对象键 o'bject.values()
> 			for...of
> 		数组变异方法操作：
> 			1.末尾添加-push
> 			2.末尾删除-pop
> 			3.开头添加-unshift
> 			4.开头删除-shift
> 			5.添加、删除、替换-splice
> 			6.排序-sort
> 		数组非变异方法：
> 			1.筛选-filter
> 			2.拼接-concat
> 			3.截取-slice
> 		JS限制-数组操作：
> 			1.直接设置/修改一项内容
> 				vue.set(app.items,0,'p')
> 				app.items.splice(0,1,'p')
> 			2.修改长度
> 				app.items.splice(0,0)
> 				app.items.length = 8;
> 		JS限制-对象操作：
> 			vue.set(app.obj,'height','180')
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> * 18
> * 19
> * 20
> * 21
> * 22
> * 23
> * 24
> * 25
> 
> ## **第十章** ##
> 
> <code> 		v-model可以写在<input><select><textarea>等
> 		对于<textarea></textarea>之间插入的值，不会生效(会覆盖文本域)
> 		使用v-modle时，如果是中文输入法下，在拼音阶段，不会随时更新，可以用@input来代替
> 		1.单选框/按钮：组合使用可使v-model相同，即可实现互斥，配合value使用
> 		2.复选框/多选按钮：b-model会绑定到同数组类型的数据，配合value使用
> 		3.下拉列表：想多选就加一个multiple
> 		表单控件修饰符：
> 			.lazy延迟修饰符
> 			.number数字修饰符
> 			.trim过滤空白修饰符
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> 
> ## **第十一章** ##
> 
> <code> 		全局组件：
> 			注册步骤
> 				1.注册组件compunent并命名
> 				2.添加template内容
> 				3.通过自定义组件名调用组件
> 			作用域：全局都可以直接用
> 			注册位置：在创建实例前注册
> 		局部组件：
> 			作用域：在当前实例作用域下有效
> 			注册位置：在compunent选项内注册
> 		组件当中除了可以用template，还可以用computed，methods,data必须都是函数，且必须将数据return出去
> 		THML文档限制：
> 			组件模板在某些情况下会受到HTNL限制，使用特殊的is属性来挂载组件
> 		定义组件名的方式有两种：
> 			kebab-case 短横线分割命名法
> 			PascalCase 大驼峰
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> 
> ## **第十二章** ##
> 
> <code> 		组件模板template有单个根元素限制
> 		注册处为子组件，引用出为父组件
> 		父→子通过props传值，可以为字符串数组或对象
> 		父组件数据变化传递给子组件，且反过来不行，将父子组件解耦，避免子组件无意中修改父组件的状态，称为单项数据流
> 		有两种情况需要改变props：
> 			1.父组件传值→子组件保存初始值
> 			2.被转变的原始值、
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> 
> ## **第十三章** ##
> 
> <code> 		深拷贝：自食其力，修成正果
> 		浅拷贝：功力不够
> 		数据类型：
> 			基本数据类型：number，string，boolean，null，undefined，ES10
> 			引用数据类型：array，object，函数
> 		一级深拷贝：
> 			1.slice()不带任何参数
> 			2.concat()不带任何参数
> 			3.直接遍历，添加到空数组
> 			4.ES6三点...扩展运算符
> 		多级深拷贝：
> 			JQ的extend方法：$.extend(true,[],x)
> 			JSON的序列化和反序列化：JSON.parse(JSON.stringify(X))
> 		深拷贝和浅拷贝的区别：
> 			浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用
> 			深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> 
> ## **第十四章** ##
> 
> <code> 		父组件→子组件：
> 			需要用到自定义事件，子组件通过$emit(event-name)触发事件，父组件通过设置@event-name = 'parentEventName'来监听
> 			单向数据流是父子组件的核心概念，props是单向绑定的
> </code>
> 
> * 1
> * 2
> * 3
> 
> ## **第十五章** ##
> 
> <code> 		组件失活缓存：<keep-alive></keep-alive>
> </code>
> 
> * 1
> 
> ## **第十六章** ##
> 
> <code> 		插入类：
> 			v-enter：定义进入过渡的开始状态
> 			v-enter-active：定义进入过渡生效时的状态
> 			v-enter-to: 2.1.8版及以上，定义进入过渡的结束状态
> 		移除类：
> 			v-leave: 定义离开过渡的开始状态
> 			v-leave-active：定义离开过渡生效时的状态
> 			v-leave-to: 2.1.8版及以上，定义离开过渡的结束状态
> 		过度名：
> 			1.没有名字
> 			2.有名字<transition name = ""></transition>
> 		过度模式：mode = 'in-out'/'out-in'
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> 
> ## **第十七章** ##
> 
> <code> 		cmd是command的缩写，即命令提示符
> 		1.tasklist	列出任务进程
> 		2.taskkill /f /pid	强制关闭进程
> 		3.cd\	跳转到当前硬盘根目录
> 		4.d:	跳转到硬盘d的根目录
> 		5.cd..	跳转到上一层目录
> 		6.cd	显示当前文件路径
> 		7.cd /d c:\users\public	跳转到其他硬盘的其他文件夹
> 		8.ctrl+c	中断命令执行
> 		9.dir	显示文件列表
> 		10.md	创建一个新文件夹
> 		11.rd	删除文件夹
> 		12.type nul>文件名.后缀	创建文件
> 		13.echo 内容 >>	写入文件内容
> 		14.echo 内容 >	覆盖内容
> 		15.del	删除文件
> 		16.move	移动文件/文件夹
> 		17.xcopy	拷贝文件/文件夹
> 		18.ren或rename	重命名
> 		19.tree	以树形结构显示出目录
> 		20.type 文件名	显示文本文件的内容
> 		21.cls	清空cmd窗口内容
> 		22.title 标题名字	更改CMD窗口标题名字
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> * 18
> * 19
> * 20
> * 21
> * 22
> * 23
> 
> ## **第十八章** ##
> 
> <code> 		Vue-cli是vue的脚手架工具
> 		Node.js是一个JS运行环境，是一个让 JS运行在服务端的开发平台，是服务器端的JS解释器，实质是对Chrome V8引擎进行了封装
> 		npm其实是Node.js的包管理工具（node.js package manager）
> 		npm特性：根据依赖关系下载好相应的代码库
> 		安装：npm install <name> [-g]
> 		卸载：npm uninstall <name> [ -g ]
> 		更新：npm update <name> [ -g ]
> 		更新全部插件： npm update
> 		查看当前目录已安装插件：npm list [ -g ]
> 		cnpm => 淘宝npm镜像
> 		cnpm与npm用法相同，npm服务器在境外，而cnpm服务器在境内，推荐使用cnpm
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> 
> ## **第十九章** ##
> 
> <code> 		Vue单组件
> 			1.template：写HTML代码定义展示模块信息
> 			2.script：写JS代码导出组件模块
> 			3.style：写CSS代码定义组件模块样式	scoped
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> 
> ## **第二十章** ##
> 
> <code> 		组件导出：export default{}
> 		组件导入：
> 			1.import...from
> 			2.在components组件选项命名引入
> 			3.template模板通过标签引用
> 		require和import...from区别：
> 			执行时机：require 是运行时才执行， import 是编译时执行
> 			导入位置：require可以理解为一个全局方法，所以它可以在任何地方导入组件模块，而import必须写在文件的顶部
> 			性能：require的性能相对于import稍低，因为require是在运行时才引入模块并且还赋值给某个变量；而import只需要依据import中的接口在编译时引入指定模块，所以性能稍高
> 		在webpack里通过插件vue-loader处理vue单组件
> 		webpack是一个模块打包工具，vue-loader就是把一种语言转换为另一种语言的工具
> 		自动化构建模块工具
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> 
> ## **第二十一章** ##
> 
> <code> 		SPA(single单-page页面-rich富-application应用)
> 		Webapck 主要适用场景是SPA，SPA通常是由一个html文件和一堆按需加载的js组成
> 		运行项目的命令：cnpm run dev/stare
> 		打包生产的命令：cnpm run build
> 		HMR	Hot Module Replacement	模块热更新
> 		WDS	Webpack Dev Server	本地服务器
> 		webpack配置文件其实就是一个JS文件，一般会拆成3个dev，base，prod里面包括
> 		几个要点：entry，ou'tput，loaders，plugins，mode
> 		webpack主体：
> 			build(webpack模块的相关配置文件)
> 			config(vue的各个环境配置文件)
> 			dist(压缩打包名的文件)
> 			node-modules(项目依赖包)
> 			index.html(挂载页面)
> 			src(写的源代码)
> 				1.assets(静态组件)
> 				2.component(基础组件)
> 				3.app.vue(根组件)
> 				4.main.js(入口文件)
> 			static(存放静态文件)
> 			babelrc(js语法的编译转换器文件)
> 			editorconfig(编辑器配置文件)
> 			gitignore(git上传时沪铝的文件)
> 			postcssrc.js(浏览器兼容前缀处理)
> 			package.json(项目的描述文件)
> 			package-lock.json(锁定package.json依赖包)
> 			readme.md(读我文件)
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> * 18
> * 19
> * 20
> * 21
> * 22
> * 23
> * 24
> * 25
> * 26
> * 27
> 
> ## **第二十二章** ##
> 
> <code> 			package.json是项目的描述文件，里面包括：
> 				1.name	项目名
> 				2.version	版本号
> 				3.description	相关描述
> 				4.author	作者
> 				5.private	是否私有项目
> 				6.script	npm命令行缩写
> 				7dependencies	项目生产依赖
> 				8.devDependencies	项目开发依赖
> 				9.engines	项目运行的node和npm版本范围
> 				10.browserslist	浏览器列表
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> 
> ## **第二十三章** ##
> 
> <code> 			--save	将保存配置信息到package.json的dependencies节点中	简称-S
> 			--save-dev	将保存配置信息到package.json的devDependencies节点中	简称-D
> </code>
> 
> * 1
> * 2
> 
> ## **第二十四章** ##
> 
> <code> 			图片使用注意：
> 				template中使用	../../static或者static/
> 				script的data数据里使用	static/	或者	./static
> 				style的背景图使用	../../static/
> 			打包路径问题：修改config/index.js，在build开发配置下的assetsPublicPath的路径前加.
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> 
> ## **第二十五章** ##
> 
> <code> 			路由跳转两种方式：
> 				模板生命式<router-link to=""></router-link>
> 				模块编程式this.$router.push()
> 			$once(钩子，函数)
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> 
> ## **第二十六章** ##
> 
> <code> 			CSS预编译一般指CSS 预处理器，css是一门非程方式语言，是标记性语言
> 			目前最主流的3个预处理器：Less，sass和stylue
> 			变量：
> 				1.选择器变量
> 				2.属性变量
> 				3.属性值变量
> 				4.url变量
> 				5.声明变量
> 			变量作用域：局部>全局，就近原则
> 			注释：
> 				单行注释	//		不会出现在编译后的CSS文件中
> 				多行注释	/**/	会出现在编译后的CSS文件中
> 			变量定义变量，即变量的传递性@@
> 			嵌套语法：
> 				Less模仿HTML的结构，使用嵌套层次关系，使代码更简洁
> 				可以结合&，达到同级伪元素效果(同级关系)
> 				结合&可以通过名字实现拼接(同级关系)
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16
> * 17
> 
> ## **第二十七章** ##
> 
> <code> 			混合：
> 				1.无参数混合
> 				2.带参数混合
> 				3.默认参数混合：
> 					不传参时使用默认值
> 					传参时覆盖默认值
> 			作用域：如果当前作用域有声明则会优先使用，没有则会继承父级
> 			条件判断：if判断
> 			逻辑运算：and与	or或	hot非
> 				当判断相等时，使用 = 实现，没有 == 和 ===，且只能判断数值，不能判断类型
> 			多条件判断：when语法
> 			数学函数：ceil(向上取整数),floor(向下取整数),round(四舍五入),abs(绝对值负数永远是正数),min(两个值取最小值),max(两个值取最大值)
> 			JS语句：
> 				1.在字符串前加~
> 				2.通过''字符串模板引用
> 			JS in CSS目前是种趋势
> </code>
> 
> * 1
> * 2
> * 3
> * 4
> * 5
> * 6
> * 7
> * 8
> * 9
> * 10
> * 11
> * 12
> * 13
> * 14
> * 15
> * 16

文章最后发布于: 2019-06-28 10:04:16

有 0 个人打赏

[私信求帮助][Link 1]

[*vue*学习*总结*][vue]

[阅读数 437][vue]

[CC 4.0 BY-SA]: http://creativecommons.org/licenses/by-sa/4.0/
[https_blog.csdn.net_TwentyOne_article_details_93972167]: https://blog.csdn.net/TwentyOne__/article/details/93972167
[Link 1]: https://im.csdn.net/im/main.html?userName=TwentyOne__
[vue]: https://blog.csdn.net/qyl_0316/article/details/80992896