“Vue.js :从入门到实践”的版本间的差异
来自CloudWiki
(→组件) |
|||
(未显示同一用户的21个中间版本) | |||
第1行: | 第1行: | ||
+ | 官方教程: | ||
+ | |||
+ | https://cn.vuejs.org/v2/guide/ | ||
+ | |||
==Vue.js概述== | ==Vue.js概述== | ||
===MVVM模式=== | ===MVVM模式=== | ||
第6行: | 第10行: | ||
===Vue环境的搭建=== | ===Vue环境的搭建=== | ||
*[[Linux 安装Node.js]] | *[[Linux 安装Node.js]] | ||
− | *[[npm 安装模块]]、[[ | + | *[[Windows 安装Node.js]]、[[Windows 安装vue]]、[[npm 安装模块]]、[[cnpm 安装模块]] |
+ | *[[打开已有vue工程]] | ||
*[[Visual Studio Code 安装vue插件]] | *[[Visual Studio Code 安装vue插件]] | ||
第79行: | 第84行: | ||
*[[Vue从入门到实战:单文件组件]] | *[[Vue从入门到实战:单文件组件]] | ||
*[[Vue从入门到实战:杂项]] | *[[Vue从入门到实战:杂项]] | ||
+ | |||
+ | ==虚拟DOM和render函数== | ||
+ | *[[Vue从入门到实战:虚拟DOM]] | ||
+ | *[[Vue从入门到实战:render函数]] | ||
+ | *[[Vue从入门到实战:用普通Javascript代替模板功能]] | ||
+ | *[[Vue从入门到实战:JSX]] | ||
+ | *[[Vue从入门到实战:函数式组件]] | ||
+ | *[[Vue从入门到实战:使用render函数实现帖子列表]] | ||
+ | |||
+ | ==Vue Cli== | ||
+ | *[[Vue从入门到实战:Vue Cli简介]] | ||
+ | *[[Vue从入门到实战:Vue Cli安装]] | ||
+ | *[[Vue从入门到实战:创建脚手架项目]] | ||
+ | *[[Vue从入门到实战:Vue CLI项目结构]] | ||
+ | *[[Vue从入门到实战:编写一个Hello组件]] | ||
+ | *[[Vue从入门到实战:package.json]] | ||
+ | |||
+ | ==使用Vue Router开发单页应用== | ||
+ | *[[Vue从入门到实战:感受前端路由]] | ||
+ | *[[Vue从入门到实战:动态路由匹配]] | ||
+ | *[[Vue从入门到实战:嵌套路由]] | ||
+ | *[[Vue从入门到实战:命名路由]] | ||
+ | |||
+ | ==Vue应用部署上线== | ||
+ | |||
+ | *[https://zhuanlan.zhihu.com/p/431796992 前端Vue项目打包部署实战教程] | ||
+ | |||
+ | *[https://blog.csdn.net/qq_46087622/article/details/124080391 Nginx 403 forbidden 错误的原因及解决方法] |
2022年10月5日 (三) 23:36的最新版本
官方教程:
https://cn.vuejs.org/v2/guide/
目录
Vue.js概述
MVVM模式
准备开发与调试环境
Vue环境的搭建
安装vue-devtools
ECMAScript6语法简介
- 块作用域构造let和const
- ECMAScript6: 模板字面量
- ECMAScript6: 默认参数
- ECMAScript6: rest参数
- ECMAScript6: 展开运算符
- ECMAScript6: 对象字面量语法扩展
- ECMAScript6: 解构赋值
- ECMAScript6: 箭头函数
- ECMAScript6: 类
- ECMAScript6:模块
- ECMAScript6:promise
Vue.js语法简介
指令
计算属性
监听器
class与style绑定
表单输入绑定
- Vue从入门到实战:单行文本输入框
- Vue从入门到实战:多行文本输入框
- Vue从入门到实战:复选框
- Vue从入门到实战:单选按钮
- Vue从入门到实战:选择框
- Vue从入门到实战:值绑定
- Vue从入门到实战:实例_用户注册
过滤器
组件
- Vue从入门到实战:全局组件与局部组件
- Vue从入门到实战:使用Prop向子组件传递数据
- Vue从入门到实战:监听子组件事件
- Vue从入门到实战:自定义组件的v-model
- Vue从入门到实战:实例_combobox
- Vue从入门到实战:使用插槽分发内容
- Vue从入门到实战:动态组件
- Vue从入门到实战:异步组件
- Vue从入门到实战:组件的生命周期
- Vue从入门到实战:混入
- Vue从入门到实战:单文件组件
- Vue从入门到实战:杂项
虚拟DOM和render函数
- Vue从入门到实战:虚拟DOM
- Vue从入门到实战:render函数
- Vue从入门到实战:用普通Javascript代替模板功能
- Vue从入门到实战:JSX
- Vue从入门到实战:函数式组件
- Vue从入门到实战:使用render函数实现帖子列表
Vue Cli
- Vue从入门到实战:Vue Cli简介
- Vue从入门到实战:Vue Cli安装
- Vue从入门到实战:创建脚手架项目
- Vue从入门到实战:Vue CLI项目结构
- Vue从入门到实战:编写一个Hello组件
- Vue从入门到实战:package.json