Vuejs学习,从入门到精通
- 初步了解vuejs
- Vue基础语法
- 组件化开发
- Vue CLI详解
- Vue-router(前端路由)
- Vuex详解
- 网络封装
- 项目实战
(之前在跟着黑马的vue教程粗略过了一下vue基础,接下来这段时间对vue重新进行系统化学习,主要是跟着B站的coderwhy老师自学,一边更新记录笔记,一边敲代码学习加深理解)
- 初步了解vuejs
Vuejs是一个渐进式框架
- 渐进式意味着你可以将vue作为你应用的一部分嵌入其中
- 如果你希望将更多的业务逻辑用vue实现,那么vue的核心库以及其生态系统可以满足你的需求
Vue有很多特点和web中常见的高级开发功能
- 解耦视图和数据
- 可复用的组件
- 前端路由技术
- 状态管理
- 虚拟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>