Vuejs前端开发
MDistance
这个作者很懒,什么都没留下…
展开
-
Vue.js前端开发笔记--Vue.js基础特性(2) 之计算属性
计算属性我们展示的数据汪汪需要经过一定的处理,除了在模板中使用绑定表达式或者使用过滤器外,Vue.js还提供了计算属性,避免在模板中加入过多的业务逻辑,保证了模板结构的清晰和可维护性。在Vue.js中,所有的计算属性都定义在computed 中 基础示例:<span>{{fullName}}</span>var vm = new Vue({ el:...原创 2018-06-11 14:35:43 · 202 阅读 · 0 评论 -
Vue.js前端开发笔记--Vue.js基础特性(1)
MVVM模式Vue.js的使用是通过构造函数来创建Vue的实例,一个Vue实例相当于一个MVVM模式中的ViewModel。var vm = new Vue({}) 可以在实例化的时候传入一个选项对象,包括数据、模板、挂载元素、生命周期钩子、方法等。模板el:类型为字符串、DOM元素或函数。 template :类型为字符串,默认会将template值替换挂载元素(el值对...原创 2018-06-08 12:27:20 · 393 阅读 · 0 评论 -
Vue内置过滤器
1.capitalize:字符串首字符转大写 2.uppercase:字符串转大写 3.lowercase:字符串转小写 4.currency:将数字转化为货币符号,并且自动添加数字分节号 参数 {String}[货币符号], {Number}[小数位]{{amount | currency '$' 2}}...原创 2018-06-08 13:29:38 · 2918 阅读 · 0 评论 -
Vue.js前端开发笔记--Vue.js基础特性(2) 之数据绑定
数据绑定Vue.js是一个数据驱动视图的框架,它的核心是一个响应式的数据绑定系统,建立绑定之后,DOM将和数据保持同步,不需要手动维护DOM,使代码更简洁易懂,提升开发效率。数据绑定语法1.文本插值 数据绑定最基础的形式就是文本插值,使用双大括号标签 {{}},为Mustache语法 单次插值:首次赋值后再更改vm实例属性值不会引起DOM变化{{*}}<span&...原创 2018-06-08 13:47:34 · 209 阅读 · 0 评论 -
vue-cli3安装使用
Vue-cli 3安装及使用vue-cli安装vue-cli创建项目自定义脚手架vue-cli3.0添加插件方法vue-cli安装使用下面的命令安装vue-cli3npm install -g @vue/cli# ORyarn global add @vue/cli安装完成,检查vue版本vue -V可以通过一下命令查看vue3.x对应的命令vue --help# ORv...原创 2019-01-15 18:37:42 · 18116 阅读 · 0 评论