Vue初学者需要掌握的知识点及案例

最新推荐文章于 2022-05-06 21:45:12 发布
最新推荐文章于 2022-05-06 21:45:12 发布
阅读量1.2k 收藏 11
点赞数 4
文章标签： vue.js javascript css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Meuan/article/details/104641620
版权
什么是Vue

前端框架的三大马车（按时间顺序）：

  • angular 谷歌公司 m(数据) v(视图) c(控制器) 双向数据绑定
  • react facebook 视图层的框架view 虚拟dom
  • vue 尤玉溪 双向数据绑定+虚拟dom 是一套用于构建用户界面的渐进式框架
    入门难度最低
为什么要学习Vue

高效

  1. 运行效率高 采用虚拟dom 减少真实dom的操作使项目的运行效率大大提高
  2. 开发效率高 采用了组件化开发
    将开发者的精力从dom操作解放出来，转移到数据操作上
  • dom操作极其影响效率，是制约效率的关键，要减少dom
    修改内存中的数据（变量）消耗的资源远远小于dom操作
    虚拟dom 就是一个内存中的一个对象 该对象有一个特点和dom有相同的结构
爱上Vue

一旦熟悉，就情不自禁的用Vue,会抛弃原来二阶段的写法（直接操作dom）

Vue的实例化
①
/*1、下载引入
2、找到一个dom元素 这个dom元素要被vue控制
3、在js中实例化Vue*/

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>1vue的实例化</title>
  <script src='../vue.js'></script>
</head>
<body>
  <!-- 和实例绑定了 就会用vue的语法进行处理 -->
  <div id='xixi'>
    {{name}} 
    {{data}}
  </div>
  <!-- 没有被实例绑定 和原始的页面没有区别 -->
  <div id='hehe'>
    {{name}}
  </div>
<script>

// 创建一个vue的实例
let vm =new Vue({
  el:"#xixi", // 将vue的实例和dom中的某一个元素进行绑定 绑定的元素以及子节点都会被实例进行处理
  data:{      // data里的数据直接可以通过插值法 {{表达式变量}} 进行渲染
    name:'你好世界'
  }
})

</script>
</body>
②
<body>
<!--简单来说，就是两个大括号，中间放表达式，就叫“Mustache插值法”-->
  <!-- 和实例绑定了 就会用vue的语法进行处理 -->
  <div id='xixi'>
    {{name}} 
    {{data}}
  </div>
  <!-- 没有被实例绑定 和原始的页面没有区别 -->
  <hr>
  <div id='hehe'>
    {{name}}
  </div>
<script>

// 创建一个vue的实例
let vm =new Vue({
  el:"#xixi", // 将vue的实例和dom中的某一个元素进行绑定 绑定的元素以及子节点都会被实例进行处理
  data:{      // data里的数据直接可以通过插值法 {{表达式变量}} 进行渲染
    name:'你好世界'
  }
})

let  vm2= new Vue({
  el:'#hehe',
  data:{
    name:'韩梅梅'
    }
})
// 在一个页面可以实例化多个vue实例 每一个实例绑定自己的元素 数据不通用
</script>
</body>
数据绑定
<body>
<div id="app">
   {{text}}
   <hr>
   {{arr}}
   <hr>
   {{obj}}
   <hr>
   {{num}}
   <hr>
   {{null?'真的':'假的'}}
   <hr>
   {{undef?'真的':'假的'}}
   <hr>
   {{boolean}}


</div>
<script>
 let vm = new Vue({
   el:'#app',
   data:{
     boolean:false,
     text:'这里是文本',
     arr:['呵呵','嘻嘻'],
     obj:{us:123,ps:456},
     num:123,
     null:null,
     undef:undefined
   }
 })
// 将data中的数据在视图中使用（view） 这个过程叫数据绑定 方向 data->view
// 正常的数据类型都可以绑定并显示  特殊的 null undefined 只能绑定不能显示
// {{}} 插值法内部 放的是变量和表达式 
</script>
</body>

指令 directive

指令后面跟的都是表达式或变量

  • 内置指令 vue内部提供的直接使用
  • 自定义指令 实现自定义某些功能的指令

条件渲染
都可以控制一个元素的显示或者隐藏

v-show 通过样式 display：none

v-if 直接控制div元素有还是没有

（v-else v-elseif）

v-if如果为真，则不渲染v-else

事件绑定
使用vue中的事件

v-on：事件名（和原生js的事件名一致）:事件处理函数

@事件名：事件处理函数

事件的处理函数写在实例的配置项 motheds

处理函数的默认参数是事件对象
如果需要传递其他参数 事件对象需要通过’$event 手动传递

属性绑定
v-bind

一般元素的属性都是跟固定的值

而属性绑定可以实现 属性的后方跟变量或者表达式

v-bind:要绑定的属性名

简写：“:要绑定的属性名”

eg:

<img v-bind:src="">   或者   <img :src="">

列表渲染
v-for 数组 表格 数字 字符串 都可以用v-for来进行循环

绑定一个标签 循环一个数据源

（循环数组）
<li v-for = '循环数据的每一项 in/of 要循环的数据'></li>
<li v-for = '(循环数据的每一项,每一项的下标) in/of 要循环的数据'></li>
（循环对象）
<li v-for = '（对象value,对象里的key，下标) in 要循环的对象'>{{key}}:{{value}}</li>

双向数据绑定
v-model将input框的value和data里的数据进行绑定 任何一方发生改变另一方都会跟着改变 相当于 事件绑定和属性绑定的综合

可以绑定一个表单元素的value 修改表单元素的

data里的数据也会发生改变

v-model 所有的表单元素都可以用 组件也可以用

v-model 可以说就是给它绑定了一个事件，还绑定了一个值

使用vue做数据与页面之间处理时的思路：

  1. 寻找数据与页面的关系
  2. 通过指令将数据与页面进行绑定
  3. 更改数据 页面会自动变化
①
<style>
    .test{
      width: 100px;
      height: 100px;
      background: lightgreen;
    }
    .test2{
      width: 100px;
      height: 100px;
      background: skyblue;
    }
  </style>
</head>
<body>
<div id = 'app'>
   {{name}}
    <div v-if='show' class="test">

    </div>

    <div v-else class ='test2'>

    </div>
</div>
<script>
let vm = new Vue({
  el:'#app',
  data:{
    name:'韩梅梅',
    show:false
  }
})
/*
v-if 是一个指令 条件渲染 控制一个元素的渲染不渲染 
<目标元素 v-if='变量或者表达式'></目标元素>
指令后面跟是变量或者表达式
官方文档 文档查找 v-elseif 的用法
*/ 

</script>
</body>
②
 <script src='../vue.js'></script>
  <style>
    .test{
      width: 100px;
      height: 100px;
      background: lightgreen;
    }
    .test2{
      width: 100px;
      height: 100px;
      background: skyblue;
    }
  </style>
</head>
<body>
<div id = 'app'>

    <div v-show ='show' class="test">

    </div>
</div>
<script>
let vm = new Vue({
  el:'#app',
  data:{
    show:false
  }
})

/*
v-show 可以控制元素的显示隐藏或者通过display none 不管显示还是隐藏元素都是存在
v-if   控制元素的渲染  v-if为假 该元素都不会创建
*/ 

</script>
</body>
事件绑定

使用vue中的事件
v-on：事件名（和原生js的事件名一致）:事件的处理函数
@事件名:事件处理函数

事件的处理函数写在实例的配置项 motheds

处理函数的默认参数是事件对象

如果需要传递其他参数 事件对象需要通过

`$event 手动传递

<script src='../vue.js'></script>
  <style>
    .test{
      width: 100px;
      height: 100px;
      background: lightgreen;
    }
    .test2{
      width: 100px;
      height: 100px;
      background: skyblue;
    }
  </style>
</head>
<body>
<div id = 'app'>
  <!-- <button οnclick='fun()'>toggle</button> -->
  <button v-on:click='toggle(1,2,$event)'>toggle</button>
  <button @click = 'toggle2'>toggle2</button> 
</div>
<script>
let vm = new Vue({
  el:'#app',
  data:{
    show:false
  },
  methods: {  //vue中写事件函数的地方
    toggle:(num1,num2,e)=>{
      console.log('点到我了',num1,num2,e)
    },
    toggle2(){
      console.log('点到第二个了')
    }
  },
})

/*
固定写法（规范）：

v-on:事件名='事件处理函数' 事件名和原生js一样 
onclick ->  v-on:click
onblur  ->  v-on:blur
事件处理函数一定要写在实例的 methods内部
默认参数（啥参数都不传都有的参数）是事件对象  
如果有其他参数 事件对象需要通过 $event 手动传递    只要碰到$相关的，都是vue内置的
简写方式:
v-on:click  ===  @click 
*/ 

</script>
</body>
数据的响应式
<script src='../vue.js'></script>
  <style>
    .test{
      width: 100px;
      height: 100px;
      background: lightgreen;
    }
    .test2{
      width: 100px;
      height: 100px;
      background: skyblue;
    }
  </style>
</head>
<body>
<div id = 'app'>
    {{num}}
    <button v-on:click='add'>add</button>
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    num:1
  },
  methods: {
    add(){
      console.log(this)//指代当前vue的实例对象
      this.num++
    }
  },
})
/*
数据的响应式
数据变 页面自动变 不需要开发者操作dom
vue特点之一：将开发者的精力从dom操作解放 转移到数据操作上
*/ 

</script>
</body>
数据的响应式demo
<script src='../vue.js'></script>
  <style>
    .test{
      width: 100px;
      height: 100px;
      background: lightgreen;
    }
    .test2{
      width: 100px;
      height: 100px;
      background: skyblue;
    }
  </style>
</head>
<body>
<div id = 'app'>
   <div v-if='show' class='test'></div>
   <button @click='toggle'>toggle</button>
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    show:true
  },
  methods: {
    toggle(){
      this.show=!this.show
    }
  }
})

/*（动的仅仅只是数据，实现效果点按钮就能控制div显示隐藏）
用一个按钮控制div的显示隐藏
1.先让div显示隐藏
2.找到控制div显示隐藏的数据
3.用按钮去修改他
*/ 
</script>
</body>
属性绑定 v-bind
  v-bind
  元素的属性都是跟的固定的值
  属性绑定可以实现 属性的后方跟变量或者表达式
  v-bind：要绑定的属性名 <img v-bind:src=''>
  :要绑定的属性名  <img :src=''>

<script src='../vue.js'></script>
  <style>
    .test{
      width: 100px;
      height: 100px;
      background: lightgreen;
    }
    .test2{
      width: 100px;
      height: 100px;
      background: skyblue;
    }
  </style>
</head>
<body>
<div id = 'app'>
  <img src="url" alt="">
  <img v-bind:src="url" alt="">
  <img :src="url" alt="">
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    url:'https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2164734927,1367682520&fm=26&gp=0.jpg'
  }

})

/*
属性绑定 v-bind
<img src=''>
<div width height class id > 
src  width height class id .....都叫属性
属性后面跟的是固定字符串
作用：属性绑定可以让属性后面跟变量或者表达式
简写  v-bind:src === :src
*/ 
</script>
</body>
属性绑定案例
<script src='../vue.js'></script>
  <style>
    .test{
      width: 100px;
      height: 100px;
      background: lightgreen;
    }
    .test2{
      width: 100px;
      height: 100px;
      background: skyblue;
    }
  </style>
</head>
<body>
<div id = 'app'>
  <div v-bind:class='toggle?"test":"test2"'></div>
  <button @click='change'>toggle</button>
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    toggle:false
  },
  methods: {
    change(){
      this.toggle=!this.toggle
    }
  },


})

/*
通过一个按钮控制div颜色的改变
1.div 能改变颜色
2.找一个数据和改变颜色做关联
3.按钮控制这个数据的修改
*/ 
</script>
</body>
列表渲染

v-for

<title>属性绑定v-bind</title>
  <script src='../vue.js'></script>
  <style>

  </style>
</head>
<body>
<div id = 'app'>
  <ul>
    <!-- 循环数组 -->
    <!-- <li v-for = 'item in lists'>{{item}}</li> -->
    <!-- <li v-for = '(item,index) in lists'>{{item}}{{index}}</li> -->
    <!-- <li v-for = '(hehe,xixi) in lists'>{{hehe}}{{xixi}}</li> -->
    <!-- 循环对象 -->
    <!-- <li v-for="(value,key,index) in obj">{{key}}:{{value}}-{{index}}</li> -->
    <!-- <li v-for='item in num'>{{item}}</li> -->
    <p v-for='item in string'> {{item}}</p>
  </ul>
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    lists:['午夜凶铃','咒怨','红色高跟鞋','真实魔鬼游戏','潜伏'],
    obj:{us:'王一',ps:'12345',sex:'未知'},
    num:100,
    string:'周五晚上12点我们看恐怖片准备好小零食'
  },
})
/*
v-for 绑定一个标签 循环一个数据源
<li v-for ='循环数据的每一项 in/of 要循环的数据'></li>
<li v-for ='(循环数据的每一项,每一项的下标)in/of 要循环的数据'></li>
<li v-for="(对象value,对象里的key,下标) in 要循环的对象">{{key}}:{{value}}-{{index}}</li>
*/ 
</script>
</body>
用 vue实现tab选项卡
<style>
    *{
      padding: 0;
      margin: 0;
    }
   .box{
     width: 400px;
     height: 600px;
     border: 1px solid red;
   }
   .nav {
     list-style: none;
     height: 80px;
     width: 400px;
     background: skyblue;
     font-size: 0px;
   }
   .nav li{
     display: inline-block;
     height: 80px;
     width: 100px;
     border: 1px solid green;
     box-sizing: border-box;
     font-size: 16px;
   }
   .sel{
     background: yellowgreen;
   }
   .content div{
     width: 400px;
     height: 420px;
     background: pink;
   }
  </style>
</head>
<body>
<div id = 'app'>
  <div class='box'>
    <ul class="nav">
      <!-- v -->
       <li 
       v-bind:class ='item===seleted?"sel":""' 
       v-for='item in list'
       v-on:click='change(item)'
       >{{item}}</li>
    </ul>
    <div class='content'>
       <div 
       v-show='item===seleted?true:false'
       v-for = 'item in list'>
         {{item}}
       </div>
    </div>
  </div>
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    list:['爱情','动作','恐怖','科幻'],
    seleted:'科幻' //默认选中的一项
  },
  methods: {
    change(item){
      console.log('点到了:'+item)
      this.seleted = item
    }
  },
})
/*
用 vue实现tab选项卡
1. 渲染界面
2. 点击切换tab
3. 导航条高亮
4. 内容要切换

a. 先把静态处理出来
b. 哪些元素可以用指令

*/ 
</script>
</body>
todolist 能添加代办事项
 <script src='../vue.js'></script>
  <style>
   .green{
     background: green;
   }
   .red{
     background: red;
   }
  </style>
</head>
<body>
<div id = 'app'>
<input type="text" placeholder="请输入要做啥子类" 
       v-model='inputValue'
> 
<!-- v-modol将input框的value 和 data里的数据进行绑定 -->
<button @click='add'>添加</button>
<ul>
  <li v-for = '(item,index) in list'
      v-bind:class = 'item.state?"green":"red"'
  >
    {{item.event}}
    <button @click='del(index)'>del</button>
    <!-- 已经完成显示 已完成文字  没完成显示按钮 -->
    <span v-if='item.state'>已完成</span>
    <button v-else @click='finish(index)'>待完成</button>
  </li>
  
</ul>
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    list:[{event:'今晚代码到天明',state:false},
    {event:'明晚代码到天明',state:true},
    {event:'明晚恐怖片到天明',state:false}],
    inputValue:'呵呵哒'
  },
  methods: {
    add(){
      console.log(this.inputValue)
      // 将用户输入的信息添加到list数据里  页面会自动发生改变
      this.list.push({event:this.inputValue,state:false})
    },
    del(index){
      console.log('要删除的下标',index)
      // 数组里删除点击的数据
      this.list.splice(index,1)
    },
    finish(index){
      // 将点击项的状态值改成true 就是完成
      this.list[index].state=true
    }
  },
})
/*
能够添加代办实现  v
显示代待办事项    v
删除代办事项     v
完成代办事项    v 

1.寻找数据和页面的关系 
2.通过指令将数据和页面绑定
3.更改数据 页面会自动变化
*/ 
</script>
</body>
双向数据绑定原理
<body>
<div id = 'app'>
  <input type="text" @input='input' :value='value'> 
  <p>
   {{value}}
  </p>
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
     value:'你好'
  },
  methods: {
      input(e){
        console.log(e.target.value)
        this.value=e.target.value
      }
  },

})

/*
在input 框输入的内容可以在p元素显示出来
*/ 
</script>
</body>
双向数据绑定实现 v-model
<body>
<div id = 'app'>
  <input type="text" v-model='hehe'>
  {{hehe}}
</div>

<script>
let vm  = new Vue({
  el:"#app",
  data:{
    hehe:'你好'
  },


})

/*
v-model 叫双向数据绑定 相当于 事件绑定和属性绑定的综合
可以绑定一个表单元素的value 修改表单元素的 
data里的数据也会发生改变
v-model 
所有的表单元素都能用
组件也可用
*/ 
</script>
</body>
自带代码增幅
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue初学者必学知识点（含案例）
11-13
vue初学者必学的重要知识点，涵盖案例参考，适合出血vue的新手。
Vue学习——学习vue必须了解的几个知识点
weixin_30706507的博客
04-08 620
node.js介绍 Node 是一个让 JavaScript 运行在服务端的开发平台，使用JavaScript也可以开发后台服务。说明白些它仅仅是一个平台，我们使用vue开发必须要安装node.js。 npm介绍 npm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。npm 提供了...
学vue必需知道的知识点
ButOff的博客
02-24 626
目录 什么是Vue： createApp 函数创建一个新的应用实例 Vue模板语法-文本渲染 v-html指令 指令参数 条件渲染 v-show v-show和v-if的区别 v-for key v-for与v-if一起 监听事件 什么是Vue： “vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。”.
Vue中必须了解的知识点，随笔二
xxqxxz的博客
04-17 233
Vue中的计算属性，我们知道是computed，那么它里面具体是怎样构成的呢 computed：{ fullname：{ set：function(){}， get：function(){ return this.fristname+' '+this.lastname } } } 上面举了一个很简单的名字相加的小例子,一般的计算属性都是不会给他设置set方法的,对于不会...
vue知识点
潇蓝诺依的博客
05-27 416
1.provide/inject 他们成对出现，用于父级组件向下传递数据。 简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。 需要注意的是这里不论子组件有多深，只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。 父组件 &amp;amp;amp;lt;template&amp;amp;amp;gt; &amp;amp;amp
Vue基本知识点学习
wj6060的博客
04-02 4155
Vue基础知识点学习 day01 1.基本认识: Vue是一个构建数据驱动的 web 界面的渐进式框架,所谓’‘渐进式’‘其实就是你掌握了Vue的多少用法就使用多少,不像一些框架必须掌握所有才能进行运用。 2.Vue特性 轻量 Vue.js库的体积非常小的，并且不依赖其他基础库。 数据绑定 对于一些富交互、状态机类似的前端UI界面，数据绑定非常简单、方便。 指令 内置指令统一为(v—*)，也可以...
VUE前端初学者案例参考.rar
12-04
帮助VUE初学者快速了解VUE基本语法
Vue.js 入门：初学者也能掌握的前端框架
最新发布
04-04
1. 初学者：Vue.js的设计哲学是简洁和易用。它提供了一种简单的方式来实现响应式数据绑定和组件化开发，使得初学者可以更加专注于构建应用程序的核心功能。 2. 经验丰富的开发者：Vue.js提供了强大的组件化开发能力...
Vue初学者入门学习笔记(包含实践demo)
08-01
个人学习整理的Vue初学者入门学习笔记(包含实践demo)，里面包含Vue.js知识点，Vue-router以及vue-cli脚手架的使用。 同时还包含vue插件、实践代码以及底层原理的学习笔记
Vue初学者教程-基于Vue的一个简单抽奖界面
12-22
适合Vue初学者，主要用到了计算属性，CSS样式主要练习transition和transform
学习 vue 需要了解的内容
weixin_30468137的博客
08-22 402
　　总结 vue 的目录 　　1. vue 基础 　　指令　　事件　　动态的属性　　组件　　动画 　　2. vue 组件通信 　　　　1. 父传子　　props 　　　　2. 子传父　　ref 　　　　3. 插槽 　　　　4. 组件的生命周期 　　3. vue 的路由 　　　　1. 路由的配置 　　　　2. 动态路由 　　　　3. 路由的按需加载 　　　　4. 路...
Web前端要掌握哪些技术 Vue知识点该怎么梳理
qq_43444478的博客
11-01 625
Web前端要掌握哪些技术？Vue知识点该怎么梳理？Vue.js是一套构建用户界面的渐进式框架，目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。很多企业在招聘前端人才时都会考察其对Vue的掌握程度，下面就给大家分享一下Vue相关的知识点。 在学习Vue之前，你首先要了解这些知识点： node.js。是一个让JavaScript运行在服务端的开发平台，使用...
Vue——入门案例
zsl2010zsl的专栏
05-06 159
Vue——入门案例
vue中需要掌握的点
weixin_33692284的博客
06-26 279
1.首先是生命周期：其实只有四个单词，记住就好了并不难记 为了说明组件创建，存在，销毁的过程，提供了组件生命周期 组件共分三大周期：创建期，存在期，销毁期 创建期： beforeCreate 组件即将创建，此时什么数据都无法访问 created 组件创建完成，此时我们可以访问绑定的数据以及自定义事件 beforeMount 组件即将构建，此时确定了容器元素和模板渲染方法，但是没有上树 ...
一步一友，Vue初学者进阶案例
LeachZhou的博客
07-12 1688
Lvyou Vue.js 初步进阶案例，适合vue入门者进阶 旅游APP，为喜欢旅游的人专业提供旅游攻略，致力提升旅游体验。 目前功能不全，后期会慢慢完善，诸多问题，还望各位见谅。
vue 复习，几个最常用的方法，必须掌握的
天天的博客
09-14 282
显示效果： 有人说，为啥要把这么简单的东西写出来，是为了杜绝眼高手低！
vue学习（基础知识）
MYNAMEL的博客
02-24 250
本文参考地址：https://www.runoob.com/vue2/vue-directory-structure.html 文章多少会有点错误，欢迎指出。 使用vue之前需要先安装nodejs。参考：https://blog.csdn.net/MYNAMEL/article/details/113988150 安装环境和下载项目 npm install -g vue-cli (安装脚手架) vue init webpack demo （下载成品的新项目，demo就是你的项目名） cd demo
入门Vue.js要学习哪些知识？
技术专家
09-09 924
入门Vue.js首先需要从最基础的知识学起，比如Vue.js的概念、作用、特点等等。只有对Vue.js有一个大致的初步了解，我们才能明白为什么掌握它如此重要。下面一起来具体看看入门Vue.js.js要学习哪些知识吧！ 入门Vue.js的知识 1、Vue.js是干什么的？ （1）Vue.js的产生 在目前这个互联网高速发展的社会，每天都会出现和消失无数的应用，一个网站会因为节日活动或其它原因频繁更改样式，要想持续的发展下去，产品的用户体验是基本中的基本。如果你用手机浏览器打开过一些网页的话，你会发现发现网页和
vue初学者实战项目
08-30
作为vue初学者，你可以尝试以下实战项目来提升你的技能： 1. TodoList应用：创建一个简单的任务清单应用，用户可以添加、编辑和删除任务。你可以使用vue的组件和状态管理来实现这个应用。 2. 天气应用：通过调用天气...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值