摘要: Vue引入bootstrap主要有两种方法 Vue引入bootstrap主要有两种方法 方法一:在main.js中引入,此方法导入的bootstrap中对于html,body的一些预设置的css样式可能无效。 一、引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnp 阅读全文
posted @ 2018-05-28 15:42 TheLand 阅读(892) 评论(0) 推荐(0) 编辑
摘要: 修饰符 .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步: .number 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符 效果: 阅读全文
posted @ 2018-05-28 10:12 TheLand 阅读(175) 评论(0) 推荐(0) 编辑
摘要: vue的核心:声明式的指令和数据的双向绑定。 那么声明式的指令,已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定? 另外,大家一定要知道vue的设计模式:MVVM M是Model的简写,V是View的简写,VM就是ViewModel。 单向绑定和双向绑定的区别? 单向绑定非常简单,就是把 阅读全文
posted @ 2018-05-28 10:11 TheLand 阅读(793) 评论(0) 推荐(0) 编辑
摘要: vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: Vue.component('Vheader',{ data:func 阅读全文
posted @ 2018-05-28 10:09 TheLand 阅读(577) 评论(0) 推荐(0) 编辑
摘要: 一、创建vue项目 npm install vue-cli -g #-g全局 (sudo)npm install vue-cli -g #mac笔记本 vue-init webpack myvue #项目的名字 cd muvue npm install npm run dev 二、目录结构的说明 出 阅读全文
posted @ 2018-05-28 10:08 TheLand 阅读(579) 评论(0) 推荐(0) 编辑