为何企业网站在百度上搜索不到,而专业建公司网站却能?
摘要:企业网站建公司,做的网站在百度上搜不出来的,建设彩票网站,深圳网站建设推广论坛Vue2之Vue-cli应用及组件基础认识一、Vue-cli1、单页面应用程序2、vue-cli介绍3、安装和使用4、创建项目4.1 输入创建项目4.2 选择第三
企业网站建公司,做的网站在百度上搜不出来的,建设彩票网站,深圳网站建设推广论坛Vue2之Vue-cli应用及组件基础认识一、Vue-cli1、单页面应用程序2、vue-cli介绍3、安装和使用4、创建项目4.1 输入创建项目4.2 选择第三项#xff0c;进行自主配置#xff0c;按回车键即可4.3 选择自己需要的库4.4 选择Vue的版本4.5 选择CSS选择器4.6 选择Babel、ESLint、etc等…
Vue2之Vue-cli应用及组件基础认识一、Vue-cli1、单页面应用程序2、vue-cli介绍3、安装和使用4、创建项目4.1 输入创建项目4.2 选择第三项进行自主配置按回车键即可4.3 选择自己需要的库4.4 选择Vue的版本4.5 选择CSS选择器4.6 选择Babel、ESLint、etc等配置文件的存放方式4.7 保存自己做的所有选择下次创建项目会自动默认这些选择而不用重新勾选。4.8 编写方案名字4.9 运行后的结果4.10 启动服务5、项目目录解读5.1 node_modules目录5.2 public目录5.3 src目录5.4 .gitignore文件5.5 babel.config.js文件5.6 package.json文件6、vue项目的运行流程7、$mount()方法7.1 介绍7.2 相关代码二、Vue组件简单应用1、组件化开发2、vue中的组件化开发3、vue组件的三个组成部分3.1 template3.2 script3.3 style4、vue组件的使用4.1 介绍4.2 代码4.3 结果一、Vue-cli
1、单页面应用程序
单页面应用程序简称SPA指的是一个Web网站中只有唯一的一个HTML页面所有的功能和交互都在这唯一的一个页面内完成。
2、vue-cli介绍
vue-cli是Vue.js开发的标准工具它简化了程序员基于webpack创建工程化的Vue项目的过程。 中文官网https://cli.vuejs.org/zh/
3、安装和使用
vue-cli是npm上的一个全局包使用npm install命令即可方便地装到自己电脑上。
npm install -g vue/cli安装成功后 输入命令检查是否正常
vue -V如果是这样就说明成功了
4、创建项目
4.1 输入创建项目
vue create 自定义的项目名4.2 选择第三项进行自主配置按回车键即可 4.3 选择自己需要的库
按空格键便可以选择或取消选择
4.4 选择Vue的版本
按自己的需求选择
4.5 选择CSS选择器
按自己的需求选择
4.6 选择Babel、ESLint、etc等配置文件的存放方式
第一项是存档到独立的文件 第二项是存放到package.json里 默认选第一个
4.7 保存自己做的所有选择下次创建项目会自动默认这些选择而不用重新勾选。
如果输入y则会保存选择。如果输入N则并不会保存选择下次又得重新勾选。
4.8 编写方案名字 4.9 运行后的结果
如下所示说明成功了
4.10 启动服务
先进入创建好的项目的目录里
cd 项目名再开启服务
npm run serve最后
复制地址到浏览器 结果如下图说明启动服务成功
5、项目目录解读 5.1 node_modules目录
存放所有的第三方包
5.2 public目录
1favicon.ico 网站的图标
2index.html 生成的文件会注入其中
5.3 src目录
项目的源代码目录所有的代码都在src目录里 1assets文件夹 存放项目中用到的静态资源文件例如css样式表、图片资源。 2components文件夹 存放封装的、可复用的组件 3main.js文件 是项目的入口文件。整个项目的运行要先执行main.js 4App.vue文件 项目的根组件
5.4 .gitignore文件
git相关的配置
5.5 babel.config.js文件
babel的配置文件
5.6 package.json文件
包管理配置文件
6、vue项目的运行流程
1App.vue用来编写待渲染的模板结构 2index.html中需要预留一个el区域 3main.js把App.vue渲染到了Index.html所预留的区域中
7、$mount()方法
7.1 介绍
Vue实例的$mount()方法作用和el属性完全一样。
