vue阶段

本文介绍了Vue.js的发展历程,从2014年由尤雨溪创建以来,因其优秀的用户体验而受到欢迎。文章概述了Vue的核心原理,包括DOM操作、请求处理、模板引擎及路由功能,并详细解释了Vue的基本用法,如引入包、实例化Vue对象、使用插值表达式及指令等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一 历史介绍
angular.js 09年,年份较早
react 2013年, ⽤户体验好,
vue 2014年, ⽤户体验好 作者:尤⾬溪 江苏⽆锡⼈ 国⼈骄傲

二 核心原理
DOM体验 + 发请求 + 模板引擎 + 路由功能

VUE-KFC的世界⾥,库就是⼀个⼩套餐, 框架就是全家桶

官网: https://cn.vuejs.org/

三 使用
1 . vue起步
1): 引包
2): 启动
new Vue({
el:’#app’,//⽬的地
data:{
保存数据的地方
},
methods:{
保存方法的地方
}
});
3): 插值表达式
{{ 表达式 }} 类似模版中的变量表达

对象 (不要连续3个{} ) {{{name:‘jack’}}}错误 {{ {name:‘jack’} }}正确
字符串 {{ ‘xxx’ }}
判断后的布尔值 {{ true }}
三元表达式 {{ true?‘是正确’:‘错误’ }}

ps: 要⽤插值表达式 必须要data中声明该属性

4.什么是指令
在vue中提供了⼀些对于页面 + 数据的更为方便的输出, 这些操作就叫做指令, 以v-xxx表示
例:

在vue中 以v-xxx开头的就叫做指令
指令中封装了⼀些DOM⾏为, 结合属性作为⼀个暗号, 暗号有对应的值,根据不同的值,框架会进⾏相关DOM操作的绑定

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值