推外网络专注营销型网站品牌策划与推广
FOCUS MARKETING WEBSITE BRAND PLANNING AND MARKETING PROMOTION
在开发webinsights二期产品当中,我们发现了Vue.js的很多强大之处,在此记录为使用心得,也能作为一个小总结为以后的学习沉淀知识。
Vue.js中的路由写起来很有意思,虽然和Angular.js有相似之处,但是更为方便,结构更合理。比如下面代码:
path:'/user/seotools',
component:Layout,
redirect:'/user/seotools/index',
name:'seotools',
meta:{
title:'SEO工具',
requireAuth:true
},
children:[
{
path:'index',
component:_import('user/seotools/index')
},
]
}
可以清楚看到,这里的路由是通过children方式引用的,把需要的同一目录都放到children子集中更加合理和清晰,增加了一些逻辑感。
Vue.js的单文件组件是另一个亮点,组件是通过html模板和Vue.js的component来实现,用起来很快捷方便。传统来讲开发中我们会把html视图和js数据控制分到不同的文件来进行管理,这里我们为了方便区分会把他们起成一样的名字,但是使用Vue.js后,我们只需要一个文件就可以了,组件化开发,可以把这个页面写成一个小组件,在需要调用的地方直接import就好了。
例如:
这样就可以把addOrmProject模块的单页引入到本页做组合使用,是不是感觉很简单呢?
Vue.js还有个亮点就是模块化,他可以组合一些第三方模块构建工具,比如SeaJs、RequireJS、CommonJS,这样就可以轻易实现代码的模块化,在我们开发的项目中,是使用ES6的模块化功能结合Webpack进行相应的打包方案。这也是一个相热门和成熟的方案。
与Angular一样,Vue.js一样有强大的路由功能,通过路由功能,我们可以轻松实现模块的按需加载,节省系统的资源消耗,加快程序的加载速度。
热门文章
联络方式:
电话:400-026-0708
邮箱:admin@whytui.com
-
震惊!商家被支付宝截图骗20余万,没想到竟让百度做了背锅侠!
骗子年年有,今年特别多。从P2P的庞氏骗局到互联网的各种诈骗,络绎不绝。可以说互联网改变了我们的生活方式,但是也给骗子创造了更多的骗人方式。有人薅羊毛专盯着一
-
SEO优化没有效果应该从哪几个方面分析
搭建自己或企业网站来进行seo推广,是快速通过网络获取精准客户的重要途径,随着SEO逐步向内容生态化方向发展,很多站长开始自己进行SEO优化,但是有些站长优化效果比较
-
如何做好外链
相信很多刚开始接触seo的朋友经常会听到这么一段话:内容为王,外链为后。耳熟吗?这句话很好理解,内容就是网站一个的灵魂,那么外链则是一个网站关键。今天中涛SEO优化师
-
H5响应式网站是什么?
随着搜索引擎技术的不断,同时也为了满足现代用户对体验的追求,H5网站逐步受到很多企业和站长的青睐。这是为什么呢?相比之前的简单企业展示站在seo优化推广中有哪些
-
网站TDK优化时要注意的问题
网站TDK就是在百度对网站进行抓取时告诉它这个页面是干什么的,会让百度对其了解。网站的质量好不好,都是可以通过网站的TDK看出来的,所以TDK的设置也是网站之中较为