Vue_01

Vue_01

1、安装Vue?

2、Vue.js是什么?

3、MVVM的介绍?

4、什么是BootCDN?

1、安装Vue

1 cdn下载(需连接网络)

  <!-- 生产环境版本,优化了尺寸和速度 -->
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>

2 手动下载

  <!-- 生产环境版本,优化了尺寸和速度 -->
  <script src="dist/vue.min.js"></script>
	
	使用cdn的好处
1.不用担心自己网站访客,在任何时间,任何地点,任何网络运营商,都能快速打开网站,说白了就是把你的资源交给第三方托管,它快你的网站访问就快,并且不需要消耗你的网站流量,提升访问速度。
2.各种服务器虚拟主机带宽等采购成本,包括后期运维成本都会大大减少。
3.给网站直接带来的好处就是:流量,咨询量,客户量,成单量,都会得到大幅度提升。
想想看,一个打开速度很快的网站和一个打开速度很慢的网站,用户的体验是完全不一样的,那么哪些群体使用更广泛呢?


使用cdn的坏处
说完好处也要说说坏处了,对于不使用cdn的网站来说,它崩任他崩,我自坐如松。对于少数资源依赖cdn的网站来说,
可能仅影响体验,比如页面显示、js事件等,但对于严重依赖cdn的网站来说,只能说同归于尽了。。。如下图为例

2、Vue.js是什么?

Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架,作者是尤雨溪。

3、 MVVM的介绍

MVVM,一种更好的UI模式解决方案,MVVM通过数据双向绑定让数据自动地双向同步

MVVM ===> M / V / VM

V:view视图,指定就是HTML元素,例如:form/div/table/tr/td
VM:ViewModel 视图模型
M:model数据模型,指的后台传到客户端的JSON数据

V(修改数据) -> M
M(修改数据) -> V
数据是核心

注1:虽然没有完全遵循MVVM模型,Vue的设计无疑受到了它的启发。另外一个js框架“knockout”完全遵循MVVM模型
注2:学习Vue要转化思想:“不要在想着怎么操作DOM,而是想着如何操作数据!!!”

4、什么是BootCDN?

BootCDN是Bootstrap中文网支持并维护的前端开源项目免费CDN服务,致力于为Bootstrap、jQuery、Angular、Vuejs
一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。

官网: https://www.bootcdn.cn/.

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页