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

北京企业网站改版开鲁网站seo转接

北京企业网站改版,开鲁网站seo转接,网页版百度,百度关键词排名推广话术第二章#xff1a;安装和基础效果展示 页面中引入vue 因为我们的目标是在最短的时间之内学会vue的使用方法#xff0c;所以我们不一定需要通过npm工程化进行安装#xff0c;你直接用script在页面中引用也完全没有问题。 第一种引入方式#xff0c;script直接引入#xf…第二章安装和基础效果展示 页面中引入vue 因为我们的目标是在最短的时间之内学会vue的使用方法所以我们不一定需要通过npm工程化进行安装你直接用script在页面中引用也完全没有问题。 第一种引入方式script直接引入 script srchttps://cdn.bootcss.com/vue/2.5.20/vue.min.js/script直接引入的好处是随用随引不需要的包在页面上就不加载。并且通过外链访问比打包压缩访问的速度更快。 以后我们在讲vuecli的时候会详细讲解本教程所有例子都会通过http直引和npm安装两种方式进行讲解。 我们由浅入深等你学会使用npm包管理工具的时候可以回头在把npm引入方式看一遍你将会有更深的理解。 第二种通过npm安装 当我需要构建一套基于node npm的项目的时候。我就应该通过npm指令去安装了这跟其他引用到npm中的项目是一样的。 npm install vue方法是先安装node然后cd到你的目录去执行npm如果你还不会使用npm 可以查看一下关于nodejs的npm包管理器的使用方法不会nodejs也没有关系! 这我需要提到一个新的名词脚手架。所谓的脚手架就是通过webpack或者gulp构建好的一套包结构里面已经在package中给写好了你拿回来直接npm install一下就行。 因为我们后面还会用到vue-routeaxiosvuex等如果不基于自动化构建工具我们这一套东西就会显得混乱不堪。 至于vuecli的用法我们会在后续的文章中讲到你可以先暂时使用第一种方法体验vue的强大之处 引入成功后运行一个简单示例 当你引入vue以后我们来讲解一个简单实例为了帮助你快速理解我们通过与jquery的对比把一个效果用两种方式来实现让你感受到vue的强大之处。 vue实现了model和view的自动绑定 input typetext idinput1 placeholder我是jquery元素script srchttps://cdn.bootcss.com/jquery/2.1.0/jquery.min.js/script script typetext/javascript$(#input1).keyup(function(){console.log($(this).val());}) /script这是一个jquery获取文本框内容的例子。 在keyup的时候你看看jquery都执行了什么操作。首先第一步jquery访问dom树从document上面找到一个名字叫input1的元素然后获取它的value属性接着把这个value的值log出来。这套操作可以说是罪大恶极。 我每次修改了里面的值它就访问一次dom如果我这个页面上内容再多点的话——后果将是灾难式的。 同样的东西我们看看vue中是怎么实现的 script srchttps://cdn.bootcss.com/vue/2.5.20/vue.min.js/script div idappinput typetext idinput2 placeholder我是vue元素 v-modelmessage inputlog /div script typetext/javascriptnew Vue({el:#app,data:{message:请输入内容..},methods:{log:function(){console.log(this.message);}},created(){console.log(--vue加载成功--);}}) /script看到这个代码马上就有的人开始抬杠了。 这个代码比jquery复杂多了而且也不好理解。 我从三个方面来反驳你的观点你有可能需要用笔和本记录下来 第一vue只需渲染一次dom。而不是每次都重新获取dom然后修改他的值。这样当你页面上有上千个元素的时候他非常的节省内存。你可以把这些资源放到其他地方例如说canvas中。后面我们会详细讲解。当你有数据更新的时候执行完毕AJAX后数据会自动更新页面而不需要你再次查找元素。 第二当你的页面有复杂的逻辑关系以后你才能发现vue是多么的优雅。所有数据全部在datamodel中管理而jquery呢他是基于dom的根本无法管理数据。他每次用的时候都需要重新获取。导致你一开始是很轻松写一句就行了但是你到了后面提交数据的时候你就麻烦了。难道你还准备搞出来一群全局变量挨个赋值? 第三小程序的设计模式跟这个一模一样。这么说不太严谨严谨的说法是写法几乎一样。毕竟他们都是基于前后端分离设计模式来的。所以你把这个用好小程序自然就无师自通了。 作者党云龙 链接https://www.jianshu.com/p/ed7d9fbd71e8 来源简书 著作权归作者所有。商业转载请联系作者获得授权非商业转载请注明出处。 jQuery在处理单页面或者小项目的时候感觉还是可以的vue适用于各大中小型项目但是单就vue的项目而言不利于搜索引擎的爬取和SEO优化大佬求解答 你说的对所以清看后续的nuxt教程
http://www.huolong8.cn/news/447406/

相关文章:

  • 郑州网站建设 推广十大网站有哪些
  • 安阳哪里有学做网站的学校顺的品牌网站设计信息
  • 游戏网站建设视频教程微盟网站模板
  • 网站ftp用户名和密码是什么建设银行网站用户
  • 郑州专门做网站的公司有哪些word模板网
  • 赤壁网站建设四川网站建设哪家专业
  • 泉州网站制作维护金华建站模板
  • 公司企业网站建设多少钱wordpress七牛云使用
  • 河北网站优化建设电商网站用php做的吗
  • 网店的网站设计方案制作网页的代码html
  • 网站设计框架图js博客网站开发计划书
  • 旅游建设投资公司网站微信建设网站找哪家
  • 赶集网的二级域名网站怎么做比较好用的微信社群管理软件
  • 登陆网站空间的后台6618自助建站系统源码
  • 天台建设局网站怎么做外贸网站优化
  • 建设网站站点有哪些步骤二次元网站模板
  • 网站的倒计时怎么做的网站中怎么做搜索框
  • 网站模块是指什么地方怎么做网站封面上的图
  • 直播网站建设需要什么建设学分银行网站策划书
  • 网站怎么做域名解析iis部署网站提示建设中
  • 做网站设计公司赚钱吗长沙 网站设计 公司
  • 食品类网站设计wordpress自适应建站
  • wordpress资讯主题免费搜索排名优化网站排名优化
  • 网站建设招聘内容手机网站大全排行
  • 怎么搭建php网站公司变更地址需要几天
  • 国外免费网站服务器链接深圳市网站建设公司设计
  • 为什么要建立电子商务网站设计网站建设莱芜
  • 找工作室的网站网站开发基本过程
  • 黄岩路桥网站设计招聘网站建设技术要求
  • 怎么打击对手网站排名wordpress 大流量