Vue基础

渐进式JS框架
声明式渲染->组件系统->客户端路由->集中式状态管理 ->项目构建

原生JS

<div id="msg"></div>
<script>
	var msg1 = 'hello world';
	var div =  document.getELementById('msg');
	div.innerHTML = msg1;
</script>

JQuery

<div id="msg"></div>
<script src="js/jquery.js"></script>
<script>
	var msg2 = 'hello world';
	$('#msg').html('msg2');
</script>

Vue

/*基本使用步骤
1.提供标签 用于填充数据、
2. 引入vue.js 库文件
3. 使用vue语法 功能开发
4. vue提供的数据 填充到 标签 里
*/
<div id="app">
	<div> {{msg}} </div>
	<div> {{1+2}} </div>
	<div> {{msg + 'world' + 1+2}} </div>
</div>
<script src="js/vue.js"></script>
<script>
	var vm = new Vue({
		el: '#app',   //标准id 选择器
		data:{
		msg: 'hello Vue',
		}
	});
</script>

实例参数分析

el: 元素可以挂载位置 挂载 == 连接(值可以是css选择器或者DOM元素)
data: 模型数据(值是一个对象) data中 放多个键值对 业务数据

插值表达式用法
{{}} 插值表达式 将数据填充到HTML标签

中,
{{}} 支持基本的计算操作,可以直接计算

原理
vue代码 -> vue 框 架 编译 -> 原生js

=====================================================

一些最重要的SQL 命令
SELECT - 从数据库中提取数据
UPDATE - 更新数据库中的数据
DELETE - 从数据库中删除数据
INSERT INTO - 向数据库中插入新数据
CREATE DATABASE - 创建新数据库
ALTER DATABASE - 修改数据库
CREATE TABLE - 创建新表
ALTER TABLE - 变更(改变)数据库表
DROP TABLE - 删除表
CREATE INDEX -创建索引(搜索键)
DROP INDEX - 删除索引
在这里插入代码
SELECT 语句用于从数据库中选取数据。
结果被存储在一个结果表中,称为结果集。
-----------------------------------
SELECT DISTINCT 语句用于返回唯一不同的值。
SELECT DISTINCT column_name, column_name 
FROM  table_name;
----------------------------------
WHERE 子句 用于提取那些满足指定条件的记录。
where 子句 用于过滤记录。
----------
文本字段 vs 数值字段
SQL 使用单引号来环绕文本值
数值字段,不使用引号
----------------------------
ORDER BY 关键字用于对结果集按照一个列或多个列进行排序, 默认按照升序对记录进行排序。 如果需要按照降序对记录进行排序, 可以使用DESC 关键字。
是 飞 飞 的发的

WHERE 子句中的运算符
下面的运算符可以在 WHERE 子句中使用:

运算符 描述
= 等于
<> 不等于。注释:在 SQL 的一些版本中,该操作符可被写成 !=

大于
< 小于
= 大于等于
<= 小于等于
BETWEEN 在某个范围内
LIKE 搜索某种模式
IN 指定针对某个列的多个可能值

你可能感兴趣的:(Vue基础)