学习vue第一天

一.框架和库的区别。
框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目。 例如:node 的 express框架

库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求.例如:jQuery、 Zepot—移动端(0.4s延迟)等。
1
二.前端3大框架。

三.Vue简介
Vue (读音 /vjuː/,读音类似于 view) 是一套用于构建用户界面的渐进式框架。
通俗理解:
使用Vue可以让web开发变得更加简单,同时颠覆了传统前端开发模式,提供了现代web开发里常见的高级功能。
四.架构模式
————————————————
版权声明:本文为CSDN博主「weixin_45729956」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_45729956/article/details/102468563

(1)v-html原始HTML:取值为一个带有HTML标记代码的变量,该指令会将变量中的HTML代码翻在这里插入图片描述译为最终的显示效果

②v-once一次性绑定修饰符:该指令无需取值,让双向绑定变为单向绑定,直接添加到开始标签即可。
③v-pre跳跃编译修饰符:该指令无需取值,跳过文本插值的编译过程,显示文本原样。即跳过这个元素和它的子元素的编译过程,用来显示原始

在这里插入图片描述

④v-bind动态属性:常用于动态绑定HTML元素的属性,例如id、class、href、src等属性。改变任一方数据后都会实时更新。
在这里插入图片描述
⑤v-on事件绑定—>监听DOM事件
在这里插入图片描述
Vue.js语法糖:
Vue 为 v-bind 和 v-on 这两个最常用的指令,提供了语法糖,也可以说是特定简写。
①v-bind:可以省略v-bind,直接写一个冒号。
②v-on:可以省略v-on,直接写一个@。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值