vue-系统学习

Vuejs学习,从入门到精通

  • 初步了解vuejs
  • Vue基础语法
  • 组件化开发
  • Vue CLI详解
  • Vue-router(前端路由)
  • Vuex详解
  • 网络封装
  • 项目实战

(之前在跟着黑马的vue教程粗略过了一下vue基础,接下来这段时间对vue重新进行系统化学习,主要是跟着B站的coderwhy老师自学,一边更新记录笔记,一边敲代码学习加深理解)

  • 初步了解vuejs

Vuejs是一个渐进式框架

  1. 渐进式意味着你可以将vue作为你应用的一部分嵌入其中
  2. 如果你希望将更多的业务逻辑用vue实现,那么vue的核心库以及其生态系统可以满足你的需求

Vue有很多特点和web中常见的高级开发功能

  1. 解耦视图和数据
  2. 可复用的组件
  3. 前端路由技术
  4. 状态管理
  5. 虚拟DOM

  • vue.js安装

方式1:直接CDN引入

       可以选中引入开发环境版本还是生产环境版本

方式2:下载和引入

方式3:NPM安装(建议学习阶段使用)

  • Vue.js起步

每一个vue应用都需要使用实例化vue来实现

语法格式如下:

Var app = new Vue({

………

})

Vue构造器中包含el属性:该属性决定了这个Vue对象需要挂载到哪一个元素中

            包含data属性:该属性中通常存储数据

下面是一个简单的vue测试实例

<!DOCTYPE html>

<html>

<head>

       <meta charset="utf-8">

       <title>Vue 测试实例 </title>

       <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>

</head>

<body>

       <div id="vue_det">

              <h1>{ {num}}</h1>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值