1.Vue快速入门

最新推荐文章于 2024-07-20 18:05:54 发布
最新推荐文章于 2024-07-20 18:05:54 发布
阅读量555 收藏 3
点赞数 2
分类专栏： 前端 文章标签： vue js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28244771/article/details/106818026
版权

vue.js快速入门

1.学习目标

  • 会创建Vue实例，知道Vue的常见属性
  • 会使用Vue的生命周期的钩子函数
  • 能够使用vue常见指令
  • 能够使用vue计算属性和watch监控
  • 能够编写Vue组件
  • 能够使用axios发送异步请求获取数据

2.什么是Vue.js

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

2.1 Vue作者了解一下

在这里插入图片描述
百度百科

Vue官方，Github

2.2 了解几个概念

2.2.1 渐进式框架：

可以选择性的使用该框架的一个或一些组件，这些组件的使用也不需要将框架全部组件都应用；而且
用了这些组件也不要求你的系统全部都使用该框架。

2.2.2 MVVM：

  • M：即Model，模型，包括数据和一些基本操作
  • V：即View，视图，页面渲染结果
  • VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉）

在MVVM之前，开发人员从后端获取需要的数据模型，然后要通过DOM操作Model渲染到View中。而后当用户操作视图，我们还需要通过DOM获取View中的数据，然后同步到Model中。而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间是如何互相影响的：

  • 只要Model发生了改变，View上自然就会表现出来。

  • 当用户修改了View，Model中的数据也会跟着改变。

把开发人员从繁琐的DOM操作中解放出来，把关注点放在如何操作Model上。
在这里插入图片描述

2.2.3 SPA：

单页Web应用（single page web application，SPA）： SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。一旦页面加载完成， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript 动态的变换 HTML（采用的是 div 切换显示和隐藏），从而实现UI与用户的交互。在 SPA 应用中，应用加载之后就不会再有整页刷新。相反，展示逻辑预先加载，并有赖于内容Region（区域）中的视图切换来展示内容。
在这里插入图片描述

3.快速入门

3.1 Vue安装

参照官方的提供Vue安装，这里使用本地引用的方式

3.2 入门案例

在这里插入图片描述

<div id="app">
    {{message}}
</div>
<script>
  var vm = new Vue({
    el: '#app',
    data: {
      message: 'hello vue.js'
    }
  })
</script>

在这里插入图片描述

3.3 双向绑定

<div id="app">
    <h1>
        <label for="text"></label>
        <input type="text" id="text" v-model="text">
    </h1>
    <h1>
        {{text}}
    </h1>
</div>
<script>
  var vm = new Vue({
    el: '#app',
    data: {
      text: '你好，南京艾瑞'
    }
  })
</script>

在这里插入图片描述

3.4 事件处理


<div id="app">
    <h1>{{message}}</h1>
    <button @click="reverse">反转字符串</button>
</div>
<script>
  var vm = new Vue({
    el: '#app',
    data: {
      message: 'hello world'
    },
    methods: {
      reverse: function () {
        this.message = this.message.split('').reverse().join('');
      }
    }
  })
</script>

点击按钮进行测试

4.Vue实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的

var vm = new Vue({ 
	// 选项 
})

4.1 模板和元素

通过el选项将html页面和vue实例进行绑定

html模板

<div id="app">
</div>

Vue实例

<script>
  var vm = new Vue({
    el: '#app',
  })
</script>

4.2 数据

当Vue实例被创建时，它会尝试获取在data中定义的所有属性，用于视图的渲染，并且监视data中的属性变化，当data发生改变，所有相关的视图都将重新渲染，这就是“响应式“系统。
html：

<div id="app">
    <input type="text" v-model="message">
</div>

js：

<script>
  var vm = new Vue({
    el: '#app',
    data: {
      message: 'vue'
    }
  })
</script>

message的变化会影响到 input 的值
input中输入的值，也会导致vm中的message发生改变

4.3 方法

Vue实例中除了可以定义data属性，也可以定义方法，并且在Vue的作用范围内使用。

<div id="app">
    <button v-on:click="_click">点我</button>
</div>
<script src="./vue.js"></script>
<script>
  var vm = new Vue({
    el: '#app',
    methods: {
      _click: function () {
        console.log('do something ...')
      }
    }
  })
</script>

在这里插入图片描述

4.4 生命钩子

每个 Vue 实例在被创建时都要经过一系列的初始化过程 ：创建实例，装载模板，渲染模板等。Vue为生命周期中的每个状态都设置了钩子函数（监听函数）。每当Vue实例处于不同的生命周期时，对应的函数就会被触发调用。

不要在选项 property 或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch(‘a’, newValue => this.myMethod())。因为箭头函数并没有 this，this 会作为变量一直向上级词法作用域查找，直至找到为止，经常导致 Uncaught TypeError: Cannot read property of undefined 或 Uncaught TypeError: this.myMethod is not a function 之类的错误。

4.4.1 生命周期

在这里插入图片描述

vm.$el ：Vue 实例使用的根 DOM 元素

vm.$root ：当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自己。

4.4.2 钩子函数


<div id="app">
    <input type="text" v-model="message">
</div>
<script src="./vue.js"></script>
<script>
  var vm = new Vue({
    el: '#app',
    data: {
      message: ''
    },
    beforeCreate() {
      console.log('beforeCreated')
    },
    created() {
      console.log('created')
    },
    beforeMount() {
      console.log('beforeMount')
    },
    mounted() {
      console.log('mounted')
    },
    beforeUpdate() {
      console.log('beforeUpdate')
    },
    updated() {
      console.log('updated')
    },
    beforeDestroy() {
      console.log('beforeDestroy')
    },
    destroyed() {
      console.log('destroyed')
    }
  })
</script>

5.模板语法

5.1 插值

花括号表达式

{{}}

5.2 指令

一些指令能够接收一个“参数”，在指令名称之后以冒号表示。

v-bind:

v-bind可以绑定属性和自定义属性


<div id="app">
    <a v-bind:href="url">跳转</a>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      url: 'https://www.baidu.com'
    }
  })
</script>

v-on:

v-on可以绑定事件属性


<div id="app">
    <span>{{number}}</span>
    <button v-on:click="number++">incr</button>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      number: 1
    }
  })
</script>

v-bind和v-on可以简写，如v-bind:href简写成:href，而v-on:click可以简写成@click

v-if和v-show

v-if和v-show的区别v-if不会渲染标签，而v-show使用的display:none;


<div id="app">
    <button @click="isShow=!isShow">点我</button>
    <p v-if="isShow">你看见了我</p>
    <p v-show="isShow">你看见了我</p>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      isShow: true
    }
  })
</script>

当isShow=true的时候
在这里插入图片描述当isShow=false的时候
在这里插入图片描述

6.计算属性和侦听器

计算属性computed：当多个数据变化影响同一个结果的时候使用计算属性
侦听器watch：当一个数据发生变化影响多个结果的时候使用侦听器

计算属性和方法的区别：计算属性是基于它们的响应式依赖进行缓存的

下面这个例子中，商品的总价有单价和数量计算得到，这里就适合使用计算属性，如果使用侦听器则需要侦听多个属性才能正确的获取到商品的总价。


<div id="app">
    <div>
        <label for="price">单价:</label>
        <input type="text" id="price" v-model="price">
    </div>
    <div>
        <label for="count">数量:</label>
        <input type="text" id="count" v-model="count">
    </div>
    <div>
        <label for="totalPrice">总价:</label>
        <input type="text" id="totalPrice" v-model="totalPrice">
    </div>
    <div>
        <label for="total">总价:</label>
        <input type="text" id="total" v-model="total">
    </div>
</div>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      price: 10,
      count: 1,
      total: 10
    },
    // 计算属性
    computed: {
      // 当价格或者数量发生变化的时候，总价会重新进行计算
      totalPrice() {
        return this.price * this.count;
      }
    },
    // 侦听器
    watch: {
      price(newVal, val) {
        // 当价格发生变化时
        this.total = newVal * this.count;
      },
      count(newVal, val) {
        // 当数量发生变化时
        this.total = this.price * newVal;
      }
    }
  })
</script>

7.css&style的绑定

我们可以传给 v-bind:class 一个对象，以动态地切换 class：

<div id="app">
    <div class="div" :class="{active:isActive}"></div>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      isActive: true
    }
  })
</script>

样式便渲染为：

<div class="div active"></div>

v-bind:style可以动态的绑定样式表：

<div id="app">
    <p :style="{'font-size':size+'px'}">字体</p>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      size: 30
    }
  })
</script>

8. 列表渲染

v-for，我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。
为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。

<div id="app">
    <ul>
        <li v-for="(item,index) in list" :key="item.id">
            index:{{index}},name:{{item.name}},age:{{item.age}}
        </li>
    </ul>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      list: [
        {id: 1, name: 'jack1', age: 20},
        {id: 2, name: 'jack2', age: 20},
        {id: 3, name: 'jack3', age: 20},
      ]
    }
  })
</script>

运行结果
在这里插入图片描述

9.事件处理

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。

<div id="app">
    <button @click="_click">点我</button>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {},
    methods: {
      _click() {
        console.log('lick')
      }
    }
  })
</script>

10.表单输入

可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

10.1 文本

<div id="app">
    <input v-model="message" placeholder="edit me">
    <p>Message is: {{ message }}</p>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      message: ''
    }
  })
</script>

10.2 文本域

<div id="app">
    <textarea v-model="message" placeholder="add multiple lines"></textarea>
    <p>Message is: {{ message }}</p>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      message: ''
    }
  })
</script>

10.3 单个复选框

<div id="app">
    <input type="checkbox" id="checkbox" v-model="checked">
    <label for="checkbox">{{ checked }}</label>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      checked: false
    }
  })
</script>

10.4 多选复选框

<div id="app">
    <input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
    <label for="jack">Jack</label>
    <input type="checkbox" id="john" value="John" v-model="checkedNames">
    <label for="john">John</label>
    <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
    <label for="mike">Mike</label>
    <br>
    <span>Checked names: {{ checkedNames }}</span>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      checkedNames: []
    }
  })
</script>

10.5 单选按钮

<div id="app">
    <input type="radio" id="one" value="One" v-model="picked">
    <label for="one">One</label>
    <br>
    <input type="radio" id="two" value="Two" v-model="picked">
    <label for="two">Two</label>
    <br>
    <span>Picked: {{ picked }}</span>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      picked: ''
    }
  })
</script>

10.6 选择框

<div id="app">
    <select v-model="selected">
        <option disabled value="">请选择</option>
        <option>A</option>
        <option>B</option>
        <option>C</option>
    </select>
    <span>Selected: {{ selected }}</span>
</div>
<script src="./vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      selected: ''
    }
  })
</script>

11.组件入门

组件是可复用的 Vue 实例，我们可以给组件自定义个名字。Vue将页面中所有的模块都可以设计成一个组件，进行重复利用。
在这里插入图片描述

11.1 基本使用

  1. 组件的template必须是单个根元素
  2. 组件中的 data必须是函数
<!--html-->
<div id="app">
    <!--引用组件-->
    <number-counter></number-counter>
    <hr>
    <number-counter></number-counter>
</div>
<script src="./vue.js"></script>
<!--js-->
<script>
  // 定义一个组件:number-counter 为组件的名称
  Vue.component('number-counter', {
    // template: 组件的模板，必须只能有一个跟元素
    template: `
        <div class="number-counter">
            <p>点击的总次数:{{number}}</p>
            <button @click="numberAdd">点击我</button>
        </div>
    `,
    // 和vue的实例有所区别，这里的data需要是函数
    data() {
      return {
        number: 0
      }
    },
    // 方法：和vue实例中的methods一样
    methods: {
      numberAdd() {
        this.number++
      }
    }
  })

  // 创建一个vue实例绑定 app
  new Vue({
    el: '#app'
  })
</script>

运行结果
在这里插入图片描述

11.2 向组件进行参数传递

可以在组件中通过props声明接收的参数，在使用组件的时候使用v-bind进行传值。
props声明的变量中，Array和Object类型的缺省值必须使用 default函数。

<body>
<!--html-->
<div id="app">
    <!--引用组件-->
    <web-text :text="word"></web-text>
</div>
<script src="./vue.js"></script>
<!--js-->
<script>
  Vue.component('web-text', {
    template: `
        <div class="text">
            <p>{{text}}</p>
        </div>
    `,
    props: {
      text: {
        type: String,
        default: '文本内容',
        required: false
      },
      // 数组和对象必须是函数
      obj: {
        type: Object,
        default() {
          return {}
        }
      },
      arr: {
        type: Array,
        default() {
          return [];
        }
      }
    }
  })

  // 创建一个vue实例绑定 app
  new Vue({
    el: '#app',
    data: {
      word: 'hello vue'
    }
  })
</script>

11.3 自定义事件（子组件调用父组件的方法）

自定义事件是通过 this.$emit('myEvent')，有子组件调用父组件的函数来实现。
代码说明：

  1. 在web-text组件上绑定一个 my-event事件，当事件触发后将调用_myEvent函数；
  2. 当子组件中的word值发生该改变的时候，通过this.$emit('my-event', this.word)触发事件，并传递参数到父组件。
<!--html-->
<div id="app">
    <!--引用组件-->
    <web-text v-on:my-event="_myEvent"></web-text>
</div>
<script src="./vue.js"></script>
<!--js-->
<script>
  Vue.component('web-text', {
    template: `
        <div>
            <input type="text" v-model="word">
        </div>
    `,
    data() {
      return {
        word: ''
      }
    },
    watch: {
      word: function () {
        this.$emit('my-event', this.word)
      }
    }
  })

  // 创建一个vue实例绑定 app
  new Vue({
    el: '#app',
    methods: {
      _myEvent(word) {
        console.log("接收到的参数:" + word)
      }
    }
  })
</script>
小黑8784
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js快速入门教程
10-21
Vue.js是一个专注于视图模型(ViewModal)的框架。接下来给大家带来了vue.js快速入门教程，非常不错，具有参考借鉴价值，一起看看吧
Vue.js 快速入门实战
努力是为了站在万人之中，成为别人的光
06-12 2万+
通过这个简单的待办事项列表应用，我们学习了 Vue.js 的基本用法，包括数据绑定、事件处理和列表渲染。Vue.js 的设计使得它非常易于上手，并且能够与其他库或已有项目无缝整合。希望这篇文章能帮助你快速入门 Vue.js，并为你的前端开发之旅打下坚实的基础。接下来，你可以继续学习 Vue 的其他特性，例如组件、路由和状态管理等，以便在更复杂的项目中更好地使用 Vue.js。祝你学习愉快！
Vue.js快速入门
今天你学习了吗？
01-08 887
以下为本人观看黑马程序员Vue框架学习视频所做的笔记 Vue基础 第一个Vue程序 导入开发版本的Vue.js <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> 创建Vue实例对象，设置el属性和data属性 <div id="app"> {{message}} </div>
Vue 简单快速入门
woruosuifenglang的博客
07-25 2284
​Vue
Vue.js快速入门+项目实战（源码）
热门推荐
王俊的博客
06-12 3万+
Vue.js电影网站项目github 链接（如果觉得有用记得start哦~）:项目源代码链接 目录 前言 安装 Vue.js 1.Vue.js主要特性 2.Vue.js实例 3.Vue.js路由 4.Vue.js模板 5.条件渲染 6.列表渲染 7.事件处理 ES6常用语法 使用Babel进行ES6的转化 WebPack 构建第一个Vue.js项目 Vue......
vue.js快速入门
双头灵蛇
10-26 190
vue
Vue快速入门
梵高的向日葵
11-05 8195
文章目录一、Vue快速入门1、第一个Vue程序2、Vue基本语法2.1、if判断2.4、事件双向绑定3、Vue组件4、Axios异步通信5、计算属性6、插槽slot7、自定义事件内容分发8、创建vue项目二、Vue实战1、项目创建2、项目开发未完结 一、Vue快速入门 1、第一个Vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ti
vue快速入门
m0_46623754的博客
09-09 1202
尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。但是如果表达式的内容很长，就会显得不够优雅，而且后期维护起来也不方便，例如下面的场景，我们。在子组件中定义函数，函数的具体实现调用父组件的实现，并在子组件中调用这些函数。指令的 职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。我们期待的是，当点击登录或注册按钮，分别显示登录页或注册页，而不是一起显示。但是，点击按钮是在子组件中，那就是说需要子组件来调用父组件的函数，怎么做？
vue快速入门文档
jl15988
03-03 721
快速的学习vue，不懂的地方也可以向我提问，有错误的地方也请及时指正。
【Vue】快速入门
你不来，再美的天地，都狼藉 ~
03-24 1703
一文带你从HelloWorld认识Vue框架，深刻理解！
VUE 快速入门
qq_55624813的博客
11-04 1437
目录 VUE 简介 什么是VUE? 什么场景使用VUE？ VUE 快速入门 官方js文件下载 业务及代码实现 总结(Summary) VUE 简介 什么是VUE? VUE是一个基于MVVM设计模式的渐进式（融合）的纯前端JS框架，基于此框架我们可以让客户端的操作更简单。 如何理解框架？ 可以将其理解为已经包含部分核心功能的半成品代码，缺少个性化定制，主要用于避免重复编码实现。 什么场景使用VUE？ 绝大多数以数据操作（增删改查）为主的PC端或移动端项目都可用vue开发比如:
Vue.js快速入门实例教程
10-21
vue是法语中视图的意思，Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。这篇文章主要介绍了Vue.js快速入门实例教程的相关资料,需要的朋友可以参考下
谷粒商城实战笔记-38-前端基础-Vue-指令-单向绑定&双向绑定
epitomizelu的专栏
07-20 504
安全性v-text更安全，因为它总是将数据作为纯文本插入，不解析 HTML。v-html则可能引发安全问题，因为它会解析并渲染 HTML 标签。用途v-text适用于插入文本数据，而v-html适用于插入需要被解析为实际 HTML 的数据。处理 HTML 标签v-text忽略 HTML 标签，将其视为普通文本；v-html则会解析并显示 HTML 标签。二者都是单向绑定，元素绑定model，model不绑定元素，元素值改变时model值不会更新。
Django+vue自动化测试平台（28）-- ADB获取设备信息
测试小老弟的博客
07-17 334
adb的全称为Android Debug Bridge，就是起到调试桥的作用。通过adb可以在Eclipse中通过DDMS来调试Android程序，说白了就是调试工具。adb的工作方式比较特殊，采用监听Socket TCP 5554等端口的方式让IDE和Qemu通讯，默认情况下adb会daemon相关的网络端口，所以当我们运行Eclipse时adb进程就会自动运行。
使用Vue实现点击页面触发特效
qq_45569925的博客
07-19 645
在页面上的指定区域内进行点击，则会在页面上显示设置好的随机文本，此文本出现后会执行动画，动画效果为节点在1s之内向右上方移动并在移动的过程中完成180°翻转，最后消失。
vue图片存放在public目录和src/assets目录下的区别
Zing_ing的博客
07-19 472
使用随时要更换的图片，有更新动态显示的需求，像banner、轮播、广告、展示性等大型图片放在public下比较合适；而一些icon、精灵图、雪碧图更适合放在assets下。如果图片不需要被处理，比如网站的结构用图，如logo图片，则放public中，否则如内容图片或者需要被构建为base64的小图标可以放assets中。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1053
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
最新发布
epitomizelu的专栏
07-20 527
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
Vue.js快速入门与高效应用指南
本书的描述“Vue.js前端开发_快速入门与专业应用 Vue.js前端开发_快速入门与专业应用 Vue.js前端开发_快速入门与专业应用”表明了本书的主要内容是介绍Vue.js的使用方法和在实际项目中的运用。 标签解读 本书的标签...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值