当前位置: 首页 > news >正文

海口免费自助建站模板淘宝关键词优化推广排名

海口免费自助建站模板,淘宝关键词优化推广排名,wordpress登录页面修改,wordpress获取部分分类一、单页应用程序介绍 1.概念 单页应用程序#xff1a;SPA【Single Page Application】是指所有的功能都在一个html页面上实现#xff0c;当切换不同的功能时#xff0c;页面不会进行刷新#xff0c;类似Ajax请求#xff0c;但请求地址会发生部分变化。 2.具体示例 单…一、单页应用程序介绍 1.概念 单页应用程序SPA【Single Page Application】是指所有的功能都在一个html页面上实现当切换不同的功能时页面不会进行刷新类似Ajax请求但请求地址会发生部分变化。 2.具体示例 单页应用网站 网易云音乐 https://music.163.com/ 多页应用网站京东 https://jd.com/ 3.单页应用 VS 多页面应用 单页应用类网站系统类网站 / 内部网站 / 文档类网站 / 移动端站点 多页应用类网站公司官网 / 电商类网站 二、路由介绍 1.思考 单页面应用程序之所以开发效率高性能好用户体验好 最大的原因就是页面按需更新 比如当点击【发现音乐】和【关注】时只是更新下面部分内容对于头部是不更新的 要按需更新首先就需要明确访问路径和 组件的对应关系 访问路径 和 组件的对应关系如何确定呢 路由 2.路由的介绍 生活中的路由设备和ip的映射关系 Vue中的路由路径和组件的映射关系 3.总结 什么是路由Vue中的路由是什么 三、路由的基本使用 1.目标 认识插件 VueRouter掌握 VueRouter 的基本使用步骤 2.作用 修改地址栏路径时切换显示匹配的组件 3.说明 Vue 官方的一个路由插件是一个第三方包 4.官网 https://v3.router.vuejs.org/zh/ 5.VueRouter的使用52 固定5个固定的步骤不用死背熟能生巧 下载 VueRouter 模块到当前工程版本3.6.5 注意vue2下载3vue3下载4 yarn add vue-router3.6.5main.js中引入VueRouter import VueRouter from vue-router安装注册 Vue.use(VueRouter)创建路由对象 const router new VueRouter()注入将路由对象注入到new Vue实例中建立关联 new Vue({render: h h(App),router:router }).$mount(#app) 当我们配置完以上5步之后 就可以看到浏览器地址栏中的路由 变成了 /#/的形式。表示项目的路由已经被Vue-Router管理了 6.代码示例 main.js // 路由的使用步骤 5 2 // 5个基础步骤 // 1. 下载 v3.6.5 // yarn add vue-router3.6.5 // 2. 引入 // 3. 安装注册 Vue.use(Vue插件) // 4. 创建路由对象 // 5. 注入到new Vue中建立关联import VueRouter from vue-router Vue.use(VueRouter) // VueRouter插件初始化const router new VueRouter()new Vue({render: h h(App),router }).$mount(#app)7.两个核心步骤 创建需要的组件 (views目录)配置路由规则 配置导航配置路由出口(路径匹配的组件显示的位置) App.vue div classfooter_wrapa href#/find发现音乐/aa href#/my我的音乐/aa href#/friend朋友/a /div div classtoprouter-view/router-view /div8.总结 如何实现 路径改变对应组件 切换,应该使用哪个插件?Vue-Router的使用步骤是什么(52)? 四、组件的存放目录问题 注意 .vue文件 本质无区别 1.组件分类 .vue文件分为2类都是 .vue文件本质无区别 页面组件 配置路由规则时使用的组件复用组件多个组件中都使用到的组件 2.存放目录 分类开来的目的就是为了 更易维护 src/views文件夹 页面组件 - 页面展示 - 配合路由用 src/components文件夹 复用组件 - 展示数据 - 常用于复用 五、路由的封装抽离 问题所有的路由配置都在main.js中合适吗 目标将路由模块抽离出来。 好处拆分模块利于维护 路径简写 脚手架环境下 指代src目录可以用于快速引入组件 import Vue from vueimport VueRouter from vue-router import MyFriend from /views/MyFriend.vue import MyFind from /views/MyFind.vue import MyMusic from /views/MyMusic.vueVue.use(VueRouter)const router new VueRouter({routes: [{ path: /find, component: MyFind },{ path: /friend, component: MyFriend },{ path: /music, component: MyMusic }] });export default router
http://www.tj-hxxt.cn/news/230716.html

相关文章:

  • 东莞高端网站建设哪个好wordpress侧栏导航栏
  • 网站开发代做东营建设网站公司电话
  • 网站建设的软件是哪个品牌推广策略包括哪些内容
  • 有什么网站可以自己做书网站首页做的好看
  • 电商型网站是否是趋势wordpress网站入口
  • 合肥网站营销网页制作中的常见问题
  • 西安网站建设开发熊掌号临沂网站哪家好
  • 网站开发小组wordpress管理员手册
  • 黄岩建设局台州网站建设为什么不用wordpress
  • 如何安装网站百度关键词搜索量查询
  • 上海网站建设流程青海建设厅的门户网站
  • 专门做讲座的英语网站手把手教你用动易做网站
  • 成都网站建设07fly网络维护管理
  • 织梦网站开发门户网站系统有哪些平台
  • 企业网站内容如何搭建单页网站 产品放哪
  • 注册域名网站asp网站开发心得体会
  • 上上海网站建设设计集团门户网站建设公司
  • 椒江网站建设578做网站wordpress需要的插件
  • 有关做内购的网站科学规划网页的做法是()
  • 视频网站后台登陆东莞常平嘉华学校
  • php网站源码带后台静态网站 搜索
  • 网站建设标志图怎么用自助网站
  • 网站建设cach目录陕西省住房与建设厅网站
  • 杭州seo网站优化公司石家庄网站建设公司怎么样
  • 龙华住房与建设局网站wordpress如何设置页面布局
  • 做门户网站用什么技术好wordpress安装的模板文件在哪
  • 赣州做网站的公司哪家好搜索引擎优化与推广技术
  • 网站建设方向网络教育
  • 百度网站适配代码黄骅市属于沧州吗
  • 旅游电子商务网站模板企业公司如何做网站