对于前端框架的基本认识(vue)

最新推荐文章于 2023-11-30 15:01:36 发布

施之

最新推荐文章于 2023-11-30 15:01:36 发布

阅读量843

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qqa223/article/details/108539967

版权

对于前端框架的基本认识(vue)

框架

framework，是别人开发一个网站的半成品，让程序开发人员能够集中精力在业务逻辑。

1.vue框架

(1)基本介绍

官网：cn.vuejs.org

渐进式JavaScript 框架

作者：尤雨溪

https://baike.baidu.com/item/%E5%B0%A4%E9%9B%A8%E6%BA%AA/2281470?fr=aladdin

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

vue框架的核心：

数据驱动页面、组件化开发

(2)特性

指令系统

虚拟DOM

路由

devtools

生态系统繁荣

(3)缺点

兼容性不好（不支持ie8及以下的浏览器）

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

错误提示不友好

(4)安装

①外部链接引入

生产版本

体积小，没有错误提示

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

开发版本

有错误提示

[color=#FF6600][/color]

②npm安装

npm install vue

2.vue基本使用

(1)引入vue.js

注意是开发版本

(2)实例化vue

(3)设置挂载点，并在挂载点内使用初始数据

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue安装</title>
    <!-- 第一步：引入vue.js -->
    <!-- 直接引入外部链接 -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
    <script src="./node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <!-- 第三步：设置挂载点（vue作用范围） -->
    <div id="app">
        <h1>{
  { msg }}</h1>
    </div>
    <script>
        console.log(Vue)//Vue是一个构造函数
        // 第二步：实例化vue
        let app = new Vue({
            el:&

最低0.47元/天解锁文章

施之

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
对于前端框架的基本认识(vue)

对于前端框架的基本认识(vue)框架framework，是别人开发一个网站的半成品，让程序开发人员能够集中精力在业务逻辑。1.vue框架(1)基本介绍官网：cn.vuejs.org渐进式JavaScript 框架作者：尤雨溪https://baike.baidu.com/item/%E5%B0%A4%E9%9B%A8%E6%BA%AA/2281470?fr=aladdinVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被
复制链接

扫一扫