Vue----流行的前端JavaScript前端框架

最新推荐文章于 2024-06-05 09:37:42 发布

望南风看北海

最新推荐文章于 2024-06-05 09:37:42 发布

阅读量358

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/wnfkbh/article/details/130236476

版权

1.Vue简介

vue官网说：Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。

它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

渐进式我个人理解就是阶梯式向前。vue是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染，我就只用vue的声明渲染，而我们要用他的组件系统，我们可以引用它的组件系统。
vue的渐进式表现为：

声明式渲染——组件系统——客户端路由——-大数据状态管理——-构建工具

2.Vue的使用

2.1引入vue.js文件

<script src="../js/vue.js"></script>

2.2在body中创建一个div标签

 <div id="test">
        {
  {msg}}
    </div>

2.3创建一个<script>标签

<script type="text/javascript">

    var test=new Vue({
        //把当前vue对象挂载到指定的标签元素上，使其vue生效。
        el: "#test",

        data:{
            msg:"林深见鹿",
        }
    })
 </script>

2.4运行结果

3.Vue的常用指令

3.1 v-text 和v-html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
<div id="app">
<span>{ {msg}}</span><hr>

<span v-text="msg">你喜欢什么?</span><hr>

最低0.47元/天解锁文章

望南风看北海

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue----流行的前端JavaScript前端框架

vue官网说：Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。渐进式我个人理解就是阶梯式向前。vue是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。
复制链接

扫一扫