BootCDN(国内)
unpkg
cdnjs
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。
进入项目,安装并运行:
打开localhost:8080
vue实例:
选项API:
https://cn.vuejs.org/v2/api/#components
组件化应用构建
声明式渲染
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:
指令邦定
指令
指令 (Directives) 是带有 v- 前缀的特殊属性
v-bind:
v-on:
v-if
v-for:
v-model:
数据,方法,计算属性,侦听器
生命周期
组件
全局注册
局部注册
组件组合
组件 A 在它的模板中使用了组件 B。它们之间必然需要相互通信:父组件可能要给子组件下发数据,子组件则可能要将它内部发生的事情告知父组件。
prop 向下传递,事件向上传递
子组件要显式地用 props 选项 声明它预期的数据:
动态邦定prop
单项数据流
Prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是反过来不会。这是为了防止子组件无意间修改了父组件的状态,来避免应用的数据流变得难以理解。
注意在 JavaScript 中对象和数组是引用类型,指向同一个内存空间,如果 prop 是一个对象或数组,在子组件内部改变它会影响父组件的状态。
自定义事件
每个 Vue 实例都实现了 事件接口 ,即:
父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。
这里有一个如何使用载荷 (payload) 数据的示例:
官方支持的 vue-router 库
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序。
https://www.bilibili.com/video/BV15741177Eh?p=2这个课程大概分为以下几个部分
一、邂逅vuejs
从为什么要学习,有什么特点,到安装vuejs,体验vuejs,以及学习MVVM架构。
二、vue基础语法
基础语法很多,会详细讲。
三、组件化开发
学vue必须学习组件化开发。
四、vue cli详解
webpack、vue cli脚手架的介绍
五、vue-router
前端路由
六、vuex详解
进行状态管理的
前六个是基础知识
七、网络封装
主要是axios的介绍使用
八、项目实战