Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。开…
分类:vue.js教程
Vue+Typescript项目国际化实践
背景 项目背景 项目基于Vue+Typescript+iview,有国际化的需求,目前支持中文和英文两种语言。本身国际化没有什么难度,但是typescript和iview还是有点需要注意的,特此记录。 vue-i18n …
vue中 this.$set的用法
当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。 <template> <div id="app"> &…
Node.js 模块简单用法
之前使用node的包管理器npm,生成vue-cli工程模板,而且经常通过npm进行包管理,为了更好的了解nodejs包管理,学习一下nodejs 一、使用Nodejs搭建一个web服务器 默认大家已经安装好了node,…
认识vue
知识点一:MVVM模式 MVVM之前: 开发人员从后端获取需要的数据模型,然后要通过DOM操作Model渲染到View中。而后当用户操作视图,我们还需要通过DOM获取View中的数据,然后同步到Model中。 MVVM之…
VUE 父组件向子组件传值
vue中使用组件中的props对象实现让当前组件获取父组件属性值的功能 这个对象很容易理解,废话不多说,上代码: <div id="app"> <mycomponent english="hello" …
页面刷新vuex状态初始化
vuex五种基本对象 state:存储状态(变量) getters:对数据获取之前的再次编译,可以理解为state的计算属性。我们在组件中使用$sotre.getters.fun() mutations:修改状态,并且是…
vue2修改浏览器显示title
一、配置路由器的时候添加如下项 meta routes: [ { path: '/', name: 'login', component: Login, meta: { title: '登录' } }, { path: …
vue 框架下自定义滚动条(easyscroll)实现
增加一个自定义滚动条插件: //插件采用jsx语法,使用前需要安装vue-jsx插件 npm install babel-plugin-syntax-jsx --save-dev npm install babel-pl…
Vue使用mixin分发组件的可复用功能
vue创建高阶组件的实现不够react优雅,但那是vue和react的设计思想导致的。在react中一切都是函数,而在vue中,组件最终都是函数,但在开发时可以是JSON对象,而且每个vue组件要注意三个点:props、…
使用vue-cli搭建VUE项目
使用vue-cli搭建VUE项目 1. 安装并初始化项目 Vue.js提供了一个官方命令行工具,可用于快速搭建大型的应用。 # 全局安装 vue-cli(前提是安装了淘宝的npm镜像,就可以使用cnpm命令了) cnpm…
以vue依赖统计为核心的框架(函数),mve
初接触vue,惊为天人,它的更新方式极为取巧,但也是人们保持路人的原因:似乎没有一个严格的数学证明保证按它的方式能精确更新到DOM。不过脑子里推演的似乎不会发生失败,而且每次界面都能按预期更新的效果十分动人——这似乎是目…