Vue快速入门

1简介

Vue ( 读音 /vju/ ,类似于 view )
是中国的大神 尤雨溪 开发的,是一套用于构建用户界面的渐进式框架 Vue 被设计为可以自底向上逐层应用。 MVVM响应式编程模型,避免直接操作 DOM , 降低 DOM 操作的复杂性。

2.Vue—Hello World

官网
https://cn.vuejs.org/v2/guide/installation.html

1.创建项目文件夹

打开文件夹  -->  新建文件夹(保存项目的)  -->    打开

 2.打开终端

3. 初始化npm项目

会在项目文件夹下新建一个package.json文件

npm init ‐y

 

4. 安装vue

 npm install vue

 

5.新建html文件

 

6. 引入vue

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

7.编写Vue语句

<body>

<div id="app">

<H1>{ {name}},非常帅!</H1>

</div>

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

<script>

//Vue声明式渲染

let vm=new Vue({

el:"#app",//绑定元素

data:{

name:"张三"

}

});

</script>

</body>

 

相关推荐

  1. Vue3快速入门

    2024-02-07 10:54:02       30 阅读
  2. vue快速入门

    2024-02-07 10:54:02       8 阅读
  3. vuex 快速入门

    2024-02-07 10:54:02       5 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-07 10:54:02       14 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-07 10:54:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-07 10:54:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-07 10:54:02       18 阅读

热门阅读

  1. js获取当前时间

    2024-02-07 10:54:02       34 阅读
  2. 练习题解(关于最小生成树)

    2024-02-07 10:54:02       34 阅读
  3. C语言学习(6)—— 指针

    2024-02-07 10:54:02       29 阅读
  4. 课时16:本地变量_普通变量

    2024-02-07 10:54:02       31 阅读
  5. 机器学习-朴素贝叶斯【手撕】

    2024-02-07 10:54:02       28 阅读
  6. Python生成模拟数据、随机文本-Faker库

    2024-02-07 10:54:02       31 阅读
  7. Vue3实现响应式编程

    2024-02-07 10:54:02       28 阅读
  8. C语言探索:选择排序的实现与解读

    2024-02-07 10:54:02       29 阅读
  9. Docker Arthas 实战指南

    2024-02-07 10:54:02       31 阅读
  10. 每天一个数据分析题(一百五十四)

    2024-02-07 10:54:02       30 阅读
  11. leetcode 1539.第k个缺失的正整数

    2024-02-07 10:54:02       34 阅读
  12. C语言尾递归知识及代码示例

    2024-02-07 10:54:02       35 阅读