做初级会计实务题的网站,如何搭建平台运营体系,搜索引擎营销的英文简称,敖降网站建设目录 1#xff1a;什么是单页面应用程序
2#xff1a;什么是vue-cli
3#xff1a;安装使用
4#xff1a;vue项目的目录结构#xff1a;编辑
5#xff1a;了解src目录的构成#xff1a;
6#xff1a;vue项目的运行流程
7#xff1a;el#xff1a;容器名称什么是单页面应用程序
2什么是vue-cli
3安装使用
4vue项目的目录结构编辑
5了解src目录的构成
6vue项目的运行流程
7el容器名称和$mount(容器名称) 1什么是单页面应用程序
单页面应用程序Single Page Application简称SPA就是说在一个web网站中只有唯一的一个html页面所有的功能与交互都在这一个页面中进行完成。
2什么是vue-cli
vue-cli是Vue.js开发的工具简化了开发人员手动搭建vue项目的过程。
3安装使用 4vue项目的目录结构
public包下有favicon.ico和index.html favicon.ico图标
babel.config.js管理babel配置的文件
package-lock.js管理依赖的文件
5了解src目录的构成 assets文件夹存放项目中用到的静态资源文件例如css样式表图片资源
components文件夹程序员封装的可复用的组件都要放到components目录下
main.js是项目的入口文件整个项目的运行要先执行main.js
App.vue是项目的根组件定义什么结构用户就可以看到什么结构。
6vue项目的运行流程
vue项目启动首先会加载main.js文件main.js文件加载App.vue文件将App.vue文件渲染到index.html页面中
1App.vue用来编写待渲染的模板结构
2index.html中需要预留一个el区域
3main.js将App.vue渲染到index.html所预留的el区域中el区域中的结构会被渲染进来的App.vue模板结构所覆盖。 7el容器名称和$mount(容器名称)
作用是一样的
